Share
Web Design Workshop is ons reguliere gemeenschapsproject waar we lezers vragen om hun werk in te dienen voor uw vriendelijke, constructieve kritiek. Het is de perfecte manier om te leren, meningen te geven en je eigen werk te bekritiseren! Deze week een spiksplinternieuwe site voor de Britse modeontwerper Matthew Williamson ...
Speel aardig! We selecteren bewust werk dat baat heeft bij advies en aanwijzingen. Als u niet constructief kunt zijn in uw opmerkingen, doe het dan niet. Anders dan dat, geef dan advies dat je kunt geven. Voel je vrij om te linken naar voorbeelden en afbeeldingen die een back-up van je punten maken.
We werkten aan dit project samen met Matthew en zijn team voor ongeveer 4 maanden. Het doel was om het merk naar de voorhoede van digitale mode te brengen en hen een platform te bieden waarop zij hun merkverhaal konden vertellen. Onderdeel van deze opdracht was het maken van een online magazine dat bekend staat als de 'MW Daily'. We hebben een grote referentie genomen van een enorm scala aan moderne en traditionele afdrukken van glossy magazine zoals Vogue en Tatler tot helemaal obscure publicaties zoals The Travel Almanac en Monocle magazine.
We hebben geprobeerd om veel elementen te repliceren die u in traditionele afdrukken kunt vinden. We gebruiken dingen zoals een boek aan de linkerkant van de pagina en drukken een testafbeelding af om te proberen het echt een online magazine te maken. In de artikelen zelf hebben we de auteurs in staat gesteld om mechanismen te gebruiken zoals pull-quotes, drop-caps (grote hoofdletters), toonaangevende tekstaanpassing, fragmenten en bijschriften. Elk artikel is samengebonden mijn accentkleur, vaak de overheersende kleur van het leadbeeld. Dit helpt om het artikel samen te binden en het een unieke aanwezigheid te geven terwijl u van artikel wisselt.
Een van de vele uitdagingen was om het op een responsieve manier te laten werken. Een van de lastigste weegschalen was het toestaan van een brede, bijna breedbladige breedte naar de site, zonder de bruikbaarheid voor browsers met beperkte hoogte te belemmeren. Als je de hoogte van de browser langzaam verlaagt, zie je deze uiteindelijk op zijn plaats klikken met minder breedte voor het artikel zelf, terwijl je ondertussen voorkomt dat afbeeldingen de site domineren en het allemaal 'te groot' gaat voelen. Maar als je het geluk hebt om een groter bureaublad te hebben, zul je merken dat we veel luxer zijn met ruimte.
Op de hele site maken we gebruik van de nieuwste webtechnologieën, van CSS3 3D-rotaties op het startscherm tot een algemene ajax-fragmentfragment-aanpak als u tussen pagina's bladert. Hierdoor voelt de site pittig aan, en bladert u door een tijdschrift in plaats van naar een website waar de pagina verdwijnt tussen het opnieuw laden van pagina's. We hebben een aangepaste laadspinner gemaakt die gebruik maakt van een aantal iconische printontwerpen van Matthew Williamson, waardoor het een persoonlijk, leuk en op maat gemaakt gevoel krijgt. In de winkelsectie filteren en bestellen we de producten aan de kant van de klant, dus het vinden van het product dat bij u past zou super eenvoudig moeten zijn.
We wilden het product er echt mooi uit laten zien, dus op de productpagina zul je zien dat het product centraal staat en zoveel ruimte gebruikt als het beschikbaar is (de productafbeelding is zeker niet de ingestelde grootte). Dit helpt pronken met het product in al zijn glorie- Matthew Williamson staat bekend om de precieze detaillering van zijn stukken en dit stelt je in staat om heel dichtbij en persoonlijk te worden met de kledingstukken. Het magazine en de winkel verwijzen voortdurend naar elkaar om de verspreiding van de site te vergroten en om naamsbekendheid en loyaliteit te vergroten.
Matthew Williamson presenteert zijn nieuwste collectie deze zondag om 19.00 uur in de Saatchi Gallery in Londen voor de London Fashion Week.
Accentsconagua