Web Design Workshop # 37 Matthew Williamson

Webdesign Workshop er vårt vanlige fellesskapsprosjekt der vi ber leserne om å sende inn sitt arbeid for din vennlige og konstruktive kritikk. Det er den perfekte måten å lære, gi meninger og få ditt eget arbeid kritisert! Denne uken, et spanking nytt nettsted for britisk motedesigner Matthew Williamson ...


Engasjementsregler

Lek pent! Vi velger bevisst arbeid som vil ha nytte av råd og pekere. Hvis du ikke kan være konstruktiv i kommentarene dine, ikke gjør det. Annet enn det, gi noen råd du kan gi. Du er velkommen til å lenke til eksempler og bilder som sikkerhetskopierer dine poeng.


Designet


Vi jobbet på dette prosjektet sammen med Matthew og hans team i ca 4 måneder. Målet var å flytte merkevaren til forkant av digital mote og gi dem en plattform som de kunne fortelle sin merkevarehistorie. En del av denne korte var å lage et nettmagasin for å bli kjent som "MW Daily". Vi tok stor referanse fra et stort utvalg av moderne og tradisjonell utskrift fra blanke magasiner som Vogue og Tatler helt til mer obskure publikasjoner som The Travel Almanac og Monocle magazine.

- Vil Ryan

Vi prøvde å kopiere mange elementer som du kanskje finner i tradisjonell utskrift. Vi bruker ting som en bok som binder seg ned på venstre side av siden og skriver ut test grafikk for å prøve å få det til å føles som et nettmagasin. I artiklene selv har vi gjort det mulig for forfatterne å bruke mekanismer som å trekke sitater, slippe caps (store ledende bokstaver), ledende tekstjustering, utdrag og bildetekster. Hver artikkel er bundet sammen min en aksentfarge, ofte den fremherskende fargen fra hovedbildet. Dette bidrar til å binde artikkelen sammen og gi den en unik tilstedeværelse når du flytter mellom artikler.

En av de mange utfordringene var å få det til å fungere på en responsiv måte. En av de vanskeligste saldoerene tillot en bred, nesten breddeblokklignende bredde til nettstedet, mens det ikke hindret brukervennligheten på nettlesere som hadde begrenset høyde. Hvis du sakte reduserer nettleserens høyde, vil du til slutt se det klippet på plass med mindre bredde gitt til selve artikkelen, samtidig som det forhindrer at bilder dominerer nettstedet og gjør det hele til å være for stort. Men hvis du er heldig nok til å ha en større stasjonær skjerm, vil du legge merke til hvordan vi er mye mer luksuriøse med plass.


Gjennom hele nettstedet bruker vi den nyeste webteknologien, fra CSS3 3D-rotasjoner på hjemmeskjermen, til en generell ajax-sidefragment, som hentes tilnærming når du blar mellom sider. Dette gjør at nettstedet føles snappy, og at du blar gjennom et magasin snarere enn et nettsted der siden forsvinner mellom sideopplasting. Vi har laget en tilpasset lastespinn som bruker noen av Matthew Williamsons ikoniske trykkdesigner som gir den en personlig, morsom og skreddersydd følelse. På butikkdelen filtrerer og sorterer vi produktene på klientsiden, så det å finne det som passer best for deg, skal være super enkelt..

Vi ønsket virkelig å få produktet til å se vakkert ut, så på produktsiden ser du at det tar senterstadiet og bruker så mye plass som det er tilgjengelig for det (produktbildet er på ingen måte en angitt størrelse). Dette bidrar til å vise frem produktet i all sin herlighet. Matthew Williamson er kjent for den nøyaktige detaljeringen av stykkene hans, og dette gjør at du kan bli veldig nær og personlig med plaggene. Magasinet og butikken refererer kontinuerlig til hverandre økt sirkulasjon rundt på nettstedet og bidrar til å bygge merkevarebevissthet og lojalitet.


Matthew Williamson viser sin siste samling denne søndag klokken 19.00 i Saatchi Gallery i London for London Fashion Week.

  • Prosjekt: matthewwilliamson.com
  • Designere: Elektriske laboratorier

Leter du etter konstruktiv kritikk på ditt eget arbeid? Send det til et verksted - mest, men ikke alle innleveringer publiseres. Vær tålmodig skjønt, det kan være en kø ...