No era la primera vez que trabajábamos mano a mano con este estudio de fotografía. Tanto Diana, como Jonatan (su padre), son grandes conocidos de Colorvivo. Una tarde, Diana nos contactó porque quería un nuevo diseño en la web. Principalmente quería que sus trabajos luciesen como se merecen. Anteriormente contaban con un layout mucho más antiguo que no les dejaba mostrar las fotografías como ellos querían. Por ello, nos indicó que en Foto Dilos deseaban un diseño responsive que respetase su trabajo y, sobre todo, que pudiera ser administrado por ellos mismos.
Como ya tenían experiencia con WordPress, nos decantamos por esa opción. Para que que pudiesen administrar tanto la estructura de la web, como los elementos que la integran, lo tuvimos claro desde el principio, contaríamos con WPBakery Page Builder (anteriormente conocido como Visual Composer). Ahora quedaba lo más delicado de todo, el diseño…
Como he comentado antes, en Foto Dilos querían que sus trabajos se viesen perfectamente en toda clase de dispositivos. El diseño responsive es un must hoy en día, pero nos hacían hincapié en que querían que las imágenes se vieran a un ancho considerable, por lo menos en la zona de la portada.
Después de debatirlo con ellos, creíamos que la mejor opción era un slider. ¿Por qué? Pues porque es un elemento que podemos aprovechar tanto para mostrar fotografías a ancho completo, pero también para promocionar tanto eventos, como noticias, premios…
Así que establecimos el slider como elemento principal de la portada y añadimos otros elementos muy importantes a la hora de conocer la política de trabajo de Foto Dilos.
Nos comentaron que en el sector se llevaba mucho el formato blog para mostrar el portfolio. Al principio nosotros propusimos un diseño en el que el sidebar derecho desaparecía, pero ellos insistieron en dejarlo tanto por usabilidad, como por practicidad. Al final les hicimos caso y estamos super orgullosos de ello porque ha quedado genial.
El diseño es el de un típico blog, con su sidebar y todo. Definimos un sistema de likes para que el propio estudio sepa cuáles son los contenidos que más gustan. La página detalle de cada uno de los posts cuenta con un enlace hacia otro post de temática similar.
En Colorvivo tenemos la fuerte convicción de que todos los elementos que componen un sitio web estén bien diseñados. Es por eso que nos preocupan TODAS las páginas que integran una web. Esta que puedes ver a tu izquierda nos gustó mucho diseñarla. Aparte del olor a hogar que desprende, el cliente quería que cuando se pulsase en el nombre de los que componen actualmente la familia Foto Dilos, se mostrase un popup con una breve biografía.
Puede parecer sencillo, pero no lo fue. Al construirse toda la web con WPBakery Page Builder, no teníamos toda la libertad como para adjuntar un popup a cada enlace. Para ello tuvimos que crear desde cero un nuevo elemento para el page builder que hiciera precisamente eso: mostrar un popup cuando se pulsara en un enlace.
Este es un ejemplo más de una página interior de la nueva web de Foto Dilos. Existen páginas con sliders, con milestones, con galerías de vídeos… Vamos, con todo lo necesario para que el trabajo de este gran estudio sea reconocido como se merece.
Por último, y para que sirva como muestra, más abajo podréis ver un vídeo en el que se demuestra con que mimo realizan todos sus reportajes, tanto de bodas, como eventos, etc.