Diana llevó tiempo buscando una web que hiciera justicia a sus fotos. El layout anterior era funcional, pero dejaba las imágenes comprimidas en un formato que no les daba el protagonismo que merecían. Junto a su padre Jonatan, ya habían trabajado con nosotros antes, así que sabían cómo trabaja Colorvivo. La llamada fue directa: querían un rediseño completo en WordPress, responsive de verdad, y que pudieran gestionar ellos mismos sin depender de nadie.
El reto: fotografía que pide espacio
Un estudio de fotografía tiene unas exigencias de diseño bastante concretas. Las imágenes no pueden aparecer recortadas ni encajadas en contenedores estrechos; necesitan respirar. Diana lo tenía claro: la portada tenía que mostrar las fotos a ancho completo, al menos en pantalla grande. Además, tanto ella como Jonatan querían poder actualizar la web sin llamarnos cada vez que había algo nuevo que publicar.
Como ya tenían experiencia con WordPress, la elección del CMS fue fácil. Para que pudieran gestionar tanto la estructura como los elementos visuales, optamos por WPBakery Page Builder (entonces todavía conocido como Visual Composer), que les daba control total sobre la maquetación sin tocar una línea de código.
La solución: slider principal y blog con sidebar
Para la portada, el slider era la opción más flexible: permitía mostrar imágenes a pantalla completa y también anunciar eventos, noticias o premios según lo que hubiera en cada momento. Lo configuramos como el elemento central de la página de inicio, apoyado por otras secciones que explicaban la filosofía de trabajo del estudio.
Para el portfolio, en el sector de la fotografía el formato blog está muy consolidado. Propusimos inicialmente eliminar el sidebar derecho para ganar anchura, pero Diana y Jonatan preferían conservarlo por usabilidad. Hicieron bien en insistir: el resultado con sidebar quedó mejor de lo que nosotros habían previsto. Añadimos un sistema de likes para que el estudio identificara qué contenidos conectaban más con su audiencia, y cada entrada enlaza con otras de temática similar para que el visitante siga navegando. Puedes ver cómo abordamos el diseño emocional en sitios con mucha carga visual en otro artículo de este blog.
El detalle técnico: un popup a medida dentro de WPBakery
Una de las páginas interiores mostraba a los miembros de la familia Foto Dilos. El cliente quería que al pulsar en el nombre de cada persona se abriera un popup con una breve biografía. Parece simple, pero WPBakery no incluye ese comportamiento de forma nativa, y construir toda la web sobre ese page builder limitaba las opciones para añadir elementos externos.
La solución fue crear desde cero un nuevo elemento para WPBakery que hiciera exactamente eso: abrir un popup al pulsar un enlace. No era el camino rápido, pero era el único que respetaba la arquitectura que habían elegido y que les permitía seguir gestionándolo ellos mismos después.
El resultado
La nueva web de Foto Dilos muestra su trabajo como se merece: sliders de imágenes, galerías de vídeo, milestones y páginas interiores con distintos formatos según el contenido. El equipo gestiona todo sin ayuda externa. Si te interesa cómo diseñamos microexperiencias visuales que mejoran el engagement, te lo contamos en detalle.
Preguntas frecuentes
¿Por qué eligieron WordPress para el rediseño?
Diana y Jonatan ya conocían WordPress de antes y querían poder gestionar la web sin depender de terceros. WordPress, combinado con WPBakery, les daba la flexibilidad de diseño que necesitaban y la autonomía para actualizarla cuando quisieran.
¿Por qué un slider en la portada y no una galería estática?
El slider permitía mostrar fotografías a pantalla completa y reutilizar el mismo espacio para anunciar eventos, premios o noticias del estudio. Una galería estática hubiera resuelto lo visual pero no la parte de comunicación.
¿Cuánto tiempo lleva desarrollar un elemento personalizado para WPBakery?
Depende de la complejidad, pero un elemento a medida como el popup que creamos para Foto Dilos requiere diseñar la interfaz del builder, programar la lógica del popup y probar que funciona en todos los navegadores y dispositivos. En este caso fueron varios días de trabajo enfocado.
¿Qué tiene en cuenta Colorvivo al diseñar webs para estudios de fotografía?
Lo primero es que las imágenes tengan espacio suficiente para lucir. Después viene la usabilidad: que el cliente pueda actualizar su portfolio sin ayuda. Y siempre nos preocupamos por todas las páginas del sitio, no solo la portada, porque la experiencia se construye en cada rinción de la web.
