Saltar al contenido
Diego Ferreirados Santos
Proyecto conceptualDiseño web de portafolio

AperturePortafolio fotográfico

El diseño del portafolio de un fotógrafo con un sistema de galería claro y páginas de proyecto.

Diseño del portafolio fotográfico Aperture con el titular “Stories in light.” y una galería asimétrica en blanco y negro.
Imagen conceptual generada con IA

Concepto propio. Los visuales son conceptos de dirección de arte generados con IA, no trabajos realizados para clientes.

Público objetivo

Editores y compradores de arte que exploran trabajo fotográfico.

Objetivo creativo

Que las fotografías lleven la voz cantante mientras la navegación se mantiene discreta y accesible con teclado.

Dirección visual

Negro y marfil con una serif editorial de gran tamaño, una galería asimétrica de fotografías de arquitectura y calle, y márgenes generosos.

Qué demuestra la vista previa

Una imagen fija de dirección de arte generada con IA y una breve vista previa animada que desplaza una cámara sobre esa imagen. Juntas muestran composición, paleta, tipografía y atmósfera.

No muestran animación terminada, software funcional ni archivos de producción editables.

Diseño del portafolio fotográfico Aperture con el titular “Stories in light.” y una galería asimétrica en blanco y negro.Vista previa animada del concepto
Un loop breve de movimiento de cámara sobre la imagen fija del concepto, no una película terminada.

Alcance de producción completo propuesto

Entregables que incluiría una producción real de este concepto.

  • Página de inicio
  • Galería
  • Pantallas de detalle de proyecto
  • Diseño de pantalla de contacto

Enfoque de producción

Diseñar el comportamiento responsivo y una navegación accesible con teclado alrededor de una retícula de galería sólida.

Stack de producción sugerido

  • Figma

Herramientas propuestas para producir los entregables reales. La vista previa no afirma que se hayan utilizado.

Diseño digital

Pantallas, estados y objetivos de interacción

Un diseño de interfaz que se mide por la claridad con la que las personas pueden actuar, no solo por su aspecto.

  1. Estados responsivos

    Layouts pensados para móvil, tablet y escritorio desde el principio.

  2. Objetivos de interacción

    Una acción principal clara por pantalla, con estados de foco visibles.

  3. Casos límite

    Estados de carga, vacío y error diseñados junto con el flujo ideal.

Vistas de detalle

Recortes tomados directamente de la imagen fija del concepto.

  • Recorte de detalle 1 del concepto Aperture
  • Recorte de detalle 2 del concepto Aperture
  • Recorte de detalle 3 del concepto Aperture