Nous commençons avec notre fichier Photoshop ouvert. La capture d'écran iPhone «allongée» plutôt idiote, qui nous donne simplement une toile dans le premier contexte mobile.
Nous commençons aussi simple que possible: avec le nom de Jeff. Nous devons choisir une police tout de suite. Ce genre de chose peut être très difficile. Nous avons une ancienne police à gérer (la police utilisée sur le dernier site) et la marque et la personnalité de Jeff à prendre en compte. Les polices peuvent apporter beaucoup de personnalité avec elles. Nous regardons certaines polices avec beaucoup trop de personnalité (cela lutterait contre le style de Jeff). Nous regardons l'ancienne police. Ensuite, nous nous installons sur Proxima Nova, car elle partage beaucoup de caractéristiques avec l'ancienne police sans donner trop de personnalité. C'est juste propre et simple. Les lignes qui composent les lettres sont très similaires aux lignes du travail de Jeff. Tout aussi important, nous savons que nous pouvons également utiliser Proxima Nova sur le Web.
Juste en dessous du nom de Jeff, nous déposons quelques photos du travail de Jeff. C'est probablement la chose la plus importante que nous faisons sur ce site. Ce que Jeff crée doit être douloureusement évident. Une image sera au premier plan et au centre. Ensuite, nous placerons deux autres photos, mais sur les bords pour qu'elles ne fassent que pointer. Nous allons finalement créer un curseur ici, et ces pics dans l'image montrent clairement que vous pouvez faire glisser l'image centrale pour révéler les images sur les bords. Aucune explication nécessaire. Mobile d'abord! Les décisions de conception que nous prenons ici informeront le comportement du curseur plus tard.