We beginnen met ons Photoshop-bestand geopend. De nogal gekke "langwerpige" iPhone-screenshot, die ons gewoon een canvas geeft in de mobiele eerste context.
We beginnen zo simpel als maar kan: met de naam van Jeff. We moeten meteen een lettertype kiezen. Dit soort dingen kan erg moeilijk zijn. We hebben een oud lettertype om mee om te gaan (het lettertype dat op de laatste site is gebruikt) en het merk en de persoonlijkheid van Jeff om rekening mee te houden. Lettertypen kunnen zoveel persoonlijkheid met zich meebrengen. We kijken naar een aantal lettertypen met veel te veel persoonlijkheid (het zou vechten tegen de stijl van Jeff). We kijken naar het oude lettertype. Dan kiezen we voor Proxima Nova, omdat het veel kenmerken deelt met het oude lettertype zonder al te veel persoonlijkheid te geven. Het is gewoon simpel. De regels waaruit de letters bestaan, lijken erg op de regels in Jeffs werk. Net zo belangrijk: we weten dat we Proxima Nova ook op internet kunnen gebruiken.
Direct onder Jeffs naam laten we enkele foto's van Jeffs werk zien. Dat is waarschijnlijk het belangrijkste dat we op deze site doen. Het moet pijnlijk duidelijk zijn wat Jeff creëert. Eén afbeelding wordt vooraan en in het midden weergegeven. Vervolgens plaatsen we twee andere foto's, maar dan naar de randen, zodat ze net een hoogtepunt bereiken. We maken hier uiteindelijk een schuifregelaar, en deze piek in de afbeelding maakt het heel duidelijk dat u de middelste afbeelding eroverheen kunt schuiven om de afbeeldingen te onthullen aan de randen. Geen uitleg nodig. Mobiel eerst! De ontwerpbeslissingen die we hier nemen, zullen het gedrag van de schuifregelaar later bepalen.