Começamos com nosso arquivo do Photoshop aberto. A captura de tela “alongada” do iPhone de aparência bastante boba, que simplesmente nos dá uma tela no primeiro contexto móvel.
Começamos o mais simples possível: com o nome de Jeff. Precisamos escolher uma fonte imediatamente. Esse tipo de coisa pode ser muito difícil. Temos que lidar com uma fonte legada (a fonte usada no último site) e a marca e personalidade de Jeff a considerar. As fontes podem trazer muita personalidade com elas. Nós olhamos para algumas fontes com muita personalidade (isso iria contra o estilo de Jeff). Olhamos para a fonte antiga. Em seguida, optamos pela Proxima Nova, pois ela compartilha muitas características com a fonte antiga sem conferir muita personalidade. É só limpar um simples. As linhas que formam as letras são muito semelhantes às linhas do trabalho de Jeff. Tão importante quanto, sabemos que podemos usar o Proxima Nova na web também.
Logo abaixo do nome de Jeff, colocamos algumas fotos do trabalho de Jeff. Essa é provavelmente a coisa mais importante que fazemos neste site. Deve ser dolorosamente óbvio o que Jeff cria. Uma imagem ficará na frente e no centro. Em seguida, colocaremos duas outras fotos, mas fora das bordas para que elas tenham um pico. No final, faremos um controle deslizante aqui, e esse pico na imagem torna muito óbvio que você pode deslizar a imagem central para revelar as imagens nas bordas. Não são necessárias explicações. Móvel primeiro! As decisões de design que tomamos aqui informarão o comportamento do controle deslizante posteriormente.