Ξεκινάμε με το αρχείο Photoshop ανοιχτό. Το μάλλον ανόητο "επιμήκη" στιγμιότυπο οθόνης iPhone, το οποίο απλώς μας δίνει έναν καμβά στο πρώτο πλαίσιο για κινητά.
Ξεκινάμε όσο πιο απλό μπορεί να είναι: με το όνομα του Jeff. Πρέπει να επιλέξουμε αμέσως μια γραμματοσειρά. Αυτό το πράγμα μπορεί να είναι πολύ δύσκολο. Έχουμε μια παλαιά γραμματοσειρά για να χειριστούμε (τη γραμματοσειρά που χρησιμοποιήθηκε στον τελευταίο ιστότοπο) και την επωνυμία και την προσωπικότητα του Jeff που πρέπει να λάβουμε υπόψη. Οι γραμματοσειρές μπορούν να φέρουν τόσο μεγάλη προσωπικότητα μαζί τους. Εξετάζουμε μερικές γραμματοσειρές με πολύ μεγάλη προσωπικότητα (θα πολεμούσε ενάντια στο στυλ του Jeff). Κοιτάζουμε την παλιά γραμματοσειρά. Στη συνέχεια, εγκατασταθούμε στο Proxima Nova, καθώς μοιράζεται πολλά χαρακτηριστικά με την παλιά γραμματοσειρά χωρίς να προσδίδει πάρα πολύ προσωπικότητα. Είναι απλά ένα απλό. Οι γραμμές που κάνουν τα γράμματα είναι πολύ παρόμοιες με τις γραμμές στο έργο του Jeff. Εξίσου σημαντικό, ξέρουμε ότι μπορούμε να χρησιμοποιήσουμε το Proxima Nova και στον Ιστό.
Ακριβώς κάτω από το όνομα του Jeff, ρίχνουμε μερικές φωτογραφίες της δουλειάς του Jeff. Αυτό είναι ίσως το πιο σημαντικό πράγμα που κάνουμε σε αυτόν τον ιστότοπο. Πρέπει να είναι οδυνηρά προφανές τι δημιουργεί ο Jeff. Μια εικόνα θα είναι μπροστά και στο κέντρο. Στη συνέχεια, θα τοποθετήσουμε δύο άλλες φωτογραφίες, αλλά στις άκρες, ώστε να ξεφλουδίζουν. Θα κάνουμε τελικά ένα ρυθμιστικό εδώ, και αυτές οι κορυφές στην εικόνα καθιστούν πολύ προφανές ότι μπορείτε να σύρετε την κεντρική εικόνα για να αποκαλύψετε τις εικόνες στις άκρες. Δεν χρειάζονται εξηγήσεις. Κινητό πρώτα! Οι αποφάσεις σχεδιασμού που λαμβάνουμε εδώ θα ενημερώσουν τη συμπεριφορά του ρυθμιστικού αργότερα.