Portfolios para arquitectos, fotógrafos y diseñadores

Arquitectos, fotógrafos y diseñadores son el público más exigente que puede tener una web, porque evalúan la propia página antes de llegar al trabajo. Una retícula desalineada o una escala tipográfica descuidada no es un detalle para ellos: es lo primero que ven.

La otra mitad del problema es el peso. Es el único sector en el que el contenido son casi solo imágenes, con la máxima calidad que el cliente puede aportar, y en el que una galería lenta deshace la impresión que acaba de causar el diseño.

He hecho un portfolio con estructura de publicación impresa para un estudio de arquitectura —los proyectos se muestran como un índice numerado con dibujos que siguen al cursor, y una única navegación sigue siendo legible sobre las mitades clara y oscura gracias a mix-blend-mode— y un portfolio fotográfico en WordPress centrado en la animación, con galerías interactivas y parallax.

Hablar del proyecto

Qué cambia aquí

01

La tipografía es el diseño

Con tan poca decoración, la escala tipográfica, la longitud de línea y los espaciados lo sostienen todo. En tamaños grandes, el interletraje y los cortes de línea son decisiones, no valores por defecto.

02

Un índice, no una cuadrícula de miniaturas

Los estudios presentan su obra como un registro: numerada, con programa, superficie y año. Una cuadrícula de cuadrados convierte toda una trayectoria en papel pintado.

03

El peso de las imágenes decide si el diseño sobrevive

Sirve las imágenes al tamaño en que se muestran, usa carga diferida por debajo de la primera pantalla y define dimensiones explícitas para que nada salte. Una galería que se atasca anula todo el oficio que tiene encima.

04

Contención antes que efectos

La página debe permanecer en calma hasta que el visitante le pida algo. Las vistas previas al pasar el ratón y las transiciones con el scroll funcionan aquí precisamente porque todo lo demás está quieto.

Qué incluye el desarrollo

  • Un sistema tipográfico con una escala real, pensada para tamaños grandes y no ampliada a partir del texto base
  • Los proyectos presentados como un índice con contexto: programa, año, rol, lugar
  • Interacciones al pasar el ratón y con el scroll programadas a mano, sin una librería que lo haga de forma aproximada
  • Tratamiento de imágenes: tamaños correctos, formatos modernos, carga diferida, dimensiones explícitas
  • Un modelo de contenido para proyectos, para añadir trabajos nuevos sin desarrollador
  • Rendimiento comprobado en un móvil de gama media, no solo en el portátil de un diseñador

Errores que veo más a menudo

  • Subir imágenes a resolución completa porque «la calidad importa» y luego servirlas a 600 píxeles de ancho

  • Un portfolio de plantilla, que este público reconoce en unos dos segundos

  • Proyectos sin contexto: sin encargo, sin emplazamiento, sin año, sin rol

  • Una animación de entrada entre el visitante y el trabajo

  • Todo el texto al mismo tamaño, así que nada tiene jerarquía

  • Que el propietario no pueda añadir un proyecto sin un desarrollador

¿Tienes un proyecto en este campo?
Hablemos

Cuéntame qué debe hacer la web. Recibes un rango honesto el mismo día.

IconHablar del proyecto
decor

Preguntas

No. Los formatos modernos, al tamaño en que se muestran, se ven idénticos y pesan una fracción. Lo que estropea la calidad es que el navegador reduzca un archivo de 4000 píxeles para encajarlo en un hueco de 600.

Sí: para eso se construye un modelo de contenido en lugar de programar las páginas a mano. Añadir un proyecto debería ser rellenar campos, no encargar un trabajo.

Solo donde aporte algo. En este sector la contención transmite seguridad: una vista previa al pasar el ratón o un carrusel que encaja al hacer scroll se ganan su sitio; una secuencia de entrada, no.

Desde $600 por un portfolio de una sola página bien enfocado. Una web completa con índice de proyectos, páginas de cada proyecto e interacción a medida suele costar $1,200-2,800, según cuánta animación se haga a medida.

Para seguir leyendo