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.

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
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.
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.
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.
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.




¿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 WhatsAppProyecto referencial.