Share
Il Web Design Workshop è il nostro normale progetto comunitario in cui chiediamo ai lettori di inviare il loro lavoro per le vostre critiche amichevoli e costruttive. È il modo perfetto per imparare, offrire opinioni e fare in modo che il tuo lavoro venga criticato! Questa settimana, un nuovissimo sito per lo stilista britannico Matthew Williamson ...
Gioca pulito! Selezioniamo deliberatamente un lavoro che trarrà vantaggio da consigli e indicazioni. Se non puoi essere costruttivo nei tuoi commenti, non farlo. Oltre a questo, offri qualche consiglio che puoi dare. Sentiti libero di collegare esempi e immagini che supportano i tuoi punti.
Abbiamo lavorato a questo progetto insieme a Matthew e al suo team per circa 4 mesi. L'obiettivo era quello di spostare il marchio in prima linea nella moda digitale e dare loro una piattaforma sulla quale poter raccontare la propria storia di marca. Parte di questo brief includeva la creazione di una rivista online conosciuta come "MW Daily". Abbiamo preso enorme riferimento da una vasta gamma di stampe moderne e tradizionali di riviste patinate come Vogue e Tatler fino a pubblicazioni più oscure come The Travel Almanac e Monocle magazine.
Abbiamo provato a replicare molti elementi che potresti trovare nella stampa tradizionale. Usiamo cose come un rilegatura di libri nella parte sinistra della pagina e stampiamo la grafica di prova per provare a farla sembrare davvero una rivista online. Negli articoli stessi, abbiamo consentito agli autori di utilizzare meccanismi come le virgolette, i capolettera (lettere principali grandi), la regolazione del testo iniziale, estratti e didascalie. Ogni articolo è legato insieme a un mio colore di accento, spesso il colore predominante dell'immagine di piombo. Questo aiuta a legare insieme l'articolo e dargli una presenza unica mentre ti sposti tra gli articoli.
Una delle tante sfide è stata far funzionare in modo reattivo. Uno degli equilibri più difficili era quello di consentire una larghezza ampia, quasi di un foglio di calcolo, al sito, senza ostacolare l'usabilità dei browser che avevano un'altezza limitata. Se riduci lentamente l'altezza del browser, alla fine lo vedrai messo in posizione con meno larghezza data all'articolo stesso, nel frattempo impedendo alle immagini di dominare il sito e facendolo sembrare "troppo grande". Ma se sei abbastanza fortunato da avere un monitor desktop più grande, noterai come siamo molto più lussuosi con lo spazio.
In tutto il sito, utilizziamo le più recenti tecnologie web, dalle rotazioni 3D di CSS3 sulla schermata Home fino a un approccio generale di raccolta di frammenti di pagina ajax mentre navighi tra le pagine. Questo rende il sito estremamente reattivo, e che stai sfogliando una rivista piuttosto che un sito web in cui la pagina scompare tra ricariche di pagina. Abbiamo realizzato uno spinner di caricamento personalizzato che utilizza alcuni dei famosi disegni di stampa di Matthew Williamson che danno un tocco personale, divertente e su misura. Nella sezione del negozio, filtriamo e ordiniamo i prodotti dal lato del cliente, quindi trovare il prodotto giusto per te dovrebbe essere super facile.
Volevamo davvero che il prodotto risultasse bello, quindi nella pagina del prodotto vedrai che occupa un posto di primo piano e utilizza tutto lo spazio disponibile (l'immagine del prodotto non è affatto una dimensione impostata). Questo aiuta a mostrare il prodotto in tutta la sua gloria - Matthew Williamson è noto per i dettagli precisi dei suoi pezzi e questo ti permette di essere veramente vicino e personale con i capi. La rivista e il negozio si riferiscono costantemente l'un l'altro aumentando la circolazione intorno al sito e contribuendo a costruire la consapevolezza e la fedeltà del marchio.
Matthew Williamson presenta la sua ultima collezione questa domenica alle 19:00 nella Saatchi Gallery di Londra per la London Fashion Week.
Accentsconagua