Laboratorio di web design # 28 JitBit

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, una piccola azienda di software amichevole ...


Regole di ingaggio

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.


Il design


(Tagliati)

L'ispirazione principale di questo design per me è stato questo post sul blog intitolato "The Flat Design Era". Mi è piaciuta molto l'idea alla base e ho chiesto al nostro designer Artiom Dashinsky di realizzare qualcosa con questo stile ...

... questo è un sito di e-commerce e il suo scopo principale è quello di vendere le nostre app, quindi eravamo davvero preoccupati per le conversioni, ma allo stesso tempo volevamo che sembrasse contemporaneo e, beh, immaginato.

Ci sono state alcune sfide di design lungo la strada. Ad esempio, ogni pagina di prodotto contiene un insieme di elementi deferente. Abbiamo lavorato sodo insieme per renderlo bello con qualsiasi set possibile. Inoltre, avevamo bisogno che la maggior parte dei contenuti rimanesse invariata (ragioni SEO) e non si adattasse perfettamente al nuovo design, quindi abbiamo dovuto sacrificare alcune cose. A volte dovevamo buttare via le idee più belle a causa di ciò, il che è triste, ma non potevamo davvero fare nulla al riguardo.

Dopo un po 'di riflessione, abbiamo deciso di andare con Bootstrap ed è stata una decisione molto buona. Nonostante alcuni elementi richiedessero molti markup e stili personalizzati, Bootstrap ci ha risparmiato un sacco di tempo, anche se per lo più usavamo il suo modulo di griglia.

La più grande sfida tecnologica erano i caratteri web. Mi ci è voluto un po 'per capire come renderlo bello su ogni piattaforma e su ogni browser. Sorprendentemente, Chrome si è rivelato per richiedere più lavoro e non ho mai avuto un singolo problema con IE 7+. La parte peggiore sono gli algoritmi di antialiasing dei font webKit su Mac OS X. Dovevo letteralmente provare manualmente tutti gli algoritmi disponibili per ogni stile di carattere di entrambi i tipi di carattere che usiamo. - Maksim Al Farakh

  • Progetto: JitBit
  • Designer: Maksim Al Farakh e Artiom Dashinsky

Cerchi critiche costruttive sul tuo lavoro? Presentalo per un seminario - la maggior parte ma non tutte le pubblicazioni sono pubblicate. Abbi pazienza, potrebbe esserci una coda ...