Comenzamos con nuestro archivo de Photoshop abierto. La captura de pantalla de iPhone “alargada” de aspecto bastante tonto, que simplemente nos da un lienzo en el primer contexto móvil.
Comenzamos de la manera más simple posible: con el nombre de Jeff. Necesitamos elegir una fuente de inmediato. Este tipo de cosas puede resultar muy difícil. Tenemos una fuente heredada con la que lidiar (la fuente utilizada en el último sitio) y la marca y personalidad de Jeff a considerar. Las fuentes pueden aportar mucha personalidad junto con ellas. Observamos algunas fuentes con demasiada personalidad (lucharían contra el estilo de Jeff). Miramos la fuente antigua. Luego nos decidimos por Proxima Nova, ya que comparte muchas características con la fuente antigua sin impartir demasiada personalidad. Es simplemente limpio y simple. Las líneas que forman las letras son muy similares a las líneas del trabajo de Jeff. Igual de importante, sabemos que también podemos usar Proxima Nova en la web.
Justo debajo del nombre de Jeff, dejamos algunas fotos del trabajo de Jeff. Eso es probablemente lo más importante que hacemos en este sitio. Tiene que ser dolorosamente obvio lo que crea Jeff. Una imagen estará al frente y al centro. Luego, colocaremos otras dos fotos, pero en los bordes para que solo estén en su punto máximo. Al final, crearemos un control deslizante aquí, y estos picos en la imagen hacen que sea muy obvio que puede deslizar la imagen central para revelar las imágenes en los bordes. No se necesitan explicaciones. ¡Móvil primero! Las decisiones de diseño que tomemos aquí informarán el comportamiento del control deslizante más adelante.
