Iniziamo con il nostro file Photoshop aperto. Lo screenshot dell'iPhone "allungato" dall'aspetto piuttosto sciocco, che semplicemente ci offre una tela nel primo contesto mobile.
Iniziamo nel modo più semplice possibile: con il nome di Jeff. Dobbiamo scegliere subito un carattere. Questo genere di cose può essere molto difficile. Abbiamo un font legacy di cui occuparci (il font utilizzato nell'ultimo sito) e il marchio e la personalità di Jeff da considerare. I caratteri possono portare così tanta personalità con loro. Guardiamo alcuni caratteri con troppa personalità (combatterebbero contro lo stile di Jeff). Guardiamo il vecchio carattere. Poi ci accontentiamo di Proxima Nova, in quanto condivide molte caratteristiche con il vecchio font senza conferire troppa personalità. È solo un semplice. Le linee che compongono le lettere sono molto simili alle linee nel lavoro di Jeff. Altrettanto importante, sappiamo che possiamo usare Proxima Nova anche sul web.
Proprio sotto il nome di Jeff, inseriamo alcune foto del lavoro di Jeff. Questa è probabilmente la cosa più importante che facciamo su questo sito. Deve essere dolorosamente ovvio ciò che Jeff crea. Un'immagine sarà davanti e al centro. Quindi posizioneremo altre due foto, ma fuori dai bordi in modo che abbiano solo un picco. Alla fine creeremo un cursore qui, e questi picchi nell'immagine rendono molto ovvio che puoi far scorrere l'immagine centrale per rivelare le immagini sui bordi. Nessuna spiegazione necessaria. Prima il cellulare! Le decisioni di progettazione che prendiamo qui influenzeranno il comportamento dello slider in un secondo momento.