Alba Soler · Fotografía de bodas

Diseño web y UX/UI del portafolio de una fotógrafa de bodas en Lima, pensado para que se sienta editorial, cálido y fácil de contactar.

Tipo

Sitio web de una página

Alcance

Diseño web y UX/UI, en escritorio y móvil.

Entregable

Web de una página con galería filtrable y visor de fotos.

Portada de la web de Alba Soler en escritorio: imagen de una pareja caminando de espaldas por un jardín al atardecer, con el titular «Sus historias, tal como suceden» encima.

El concepto

La web se inspira en una publicación editorial: imágenes a sangre, columnas asimétricas, filetes finos y una serif ligera de gran tamaño frente a una sans muy discreta. Todo está pensado para que las fotos y el silencio entre ellas hablen.

Lo que debía lograr

  • Transmitir una mirada honesta, natural y documental.
  • Dejar que las fotografías lleven el protagonismo, con el mínimo de texto.
  • Llevar a una acción clara: escribir para hablar de la boda.

Estudio de marca

Paleta

Marfil

#F7F4EF

Fondo principal

Piedra

#D8D3CB

Filetes y bloques suaves

Gris cálido

#817A72

Detalles y apoyos

Vino

#663B45

Acento, cursivas y enlaces

Tinta

#252422

Titulares, texto y botones

Tipografía

Titulares · Cormorant Garamond

Alba Soler

Textos y etiquetas · DM Sans

Fotografía de bodas honesta y editorial para recordar no solo cómo fue su día, sino cómo se sintió.

Wedding photography · Lima & destinations

Tono de voz

Cercano, sereno y en plural («sus historias», «cuéntenme»), sin frases hechas ni exageraciones: «Lo importante es cómo se recuerda».

Decisiones de diseño

1

Fotografía a sangre, texto con aire

La imagen ocupa todo el ancho y el titular entra debajo, en una serif ligera de gran tamaño. Es la lógica de una revista: primero la emoción, luego las palabras.

2

La galería es la protagonista

Pocas secciones y casi nada de texto: portada a pantalla completa, una galería con filtros por historia (Íntima, De noche, Ciudad) y un visor para ver cada foto en grande. Las fotos hablan primero.

3

Un recorrido corto y un contacto directo

Menú de tres enlaces (Portafolio, Sobre mí, Contacto), una presentación de dos líneas y un cierre con WhatsApp o correo. Sin formularios largos ni secciones de relleno.

4

Accesible y adaptable

Enlace para saltar al contenido, foco visible, menú móvil, visor de fotos con teclado y animaciones que respetan «reducir movimiento».

Resultado

Algunas pantallas de la web. Puedes recorrerla completa en la demo.

Galería de portafolio de Alba Soler en tres columnas, con filtros por historia.
Sección «Sobre mí» de Alba Soler: fotografía de una cámara y una presentación de dos líneas.
Cierre de Alba Soler con el titular «Cuéntenme su historia» y botones de WhatsApp y correo.
Portada de Alba Soler en móvil: imagen de una pareja caminando por un jardín y titular debajo.

¿Quieres una web así para tu negocio?

Cuéntame qué haces y diseño una pantalla de tu web en Figma con la promo de lanzamiento.

Escríbeme por WhatsApp

Proyecto referencial.