Wir beginnen mit dem Öffnen unserer Photoshop-Datei. Der ziemlich albern aussehende "verlängerte" iPhone-Screenshot, der uns einfach eine Leinwand im mobilen ersten Kontext gibt.
Wir beginnen so einfach wie möglich: mit Jeffs Namen. Wir müssen sofort eine Schriftart auswählen. So etwas kann sehr schwierig sein. Wir müssen uns mit einer älteren Schriftart befassen (die auf der letzten Website verwendete Schriftart) und Jeffs Marke und Persönlichkeit berücksichtigen. Schriftarten können so viel Persönlichkeit mit sich bringen. Wir betrachten einige Schriften mit viel zu viel Persönlichkeit (es würde gegen Jeffs Stil kämpfen). Wir schauen uns die alte Schrift an. Dann entscheiden wir uns für Proxima Nova, da es viele Eigenschaften mit der alten Schrift teilt, ohne zu viel Persönlichkeit zu verleihen. Es ist einfach sauber und einfach. Die Linien, aus denen die Buchstaben bestehen, sind den Linien in Jeffs Arbeit sehr ähnlich. Ebenso wichtig ist, dass wir wissen, dass wir Proxima Nova auch im Web verwenden können.
Direkt unter Jeffs Namen sehen wir einige Fotos von Jeffs Arbeit. Das ist wahrscheinlich das Wichtigste, was wir auf dieser Website tun. Es muss schmerzlich offensichtlich sein, was Jeff erschafft. Ein Bild ist vorne und in der Mitte. Dann platzieren wir zwei weitere Fotos, aber bis zu den Rändern, damit sie nur nach oben ragen. Wir werden hier letztendlich einen Schieberegler erstellen, und diese Spitzen im Bild machen es sehr offensichtlich, dass Sie das mittlere Bild verschieben können, um die Bilder anzuzeigen an den Rändern. Keine Erklärungen nötig. Zuerst mobil! Die Entwurfsentscheidungen, die wir hier treffen, werden später das Verhalten des Schiebereglers beeinflussen.