Skip to main content

Daanoe: Pasión por la decadencia

Daan Oude Elferink es un fotógrafo Holandés especialista en lugares abandonados en ruinas. Diseñamos y desarrollamos su página web con 'responsive design' usando las últimas tecnologías como CSS3, Compass y Javascript.

Daan Oude Elferink
Fotograaf

Toen ik de referenties van Nuez Web zag, wist ik meteen dat ik mijn website ook door hun wilde laten maken. Het ontwerp dat ze hebben gemaakt is nog mooier dan ik in eerste instantie voor ogen had.

Diseño a medida

Daanoe nos pidió que le hiciéramos un diseño en el cual las fotos fuesen el principal punto de atención. Decidimos hacer un diseño en el que las fotos literalmente se quedaran en el medio y lo más grandes posible. Otros contenidos aparecen en los laterales de la pantalla: en la parte inferior aparece un buscador de fotos, en la parte superior información sobre el fotógrafo. En la parte izquierda y derecha aparecen vistas previas de las   fotos anteriores y siguientes. La página web de Daanoe muestra que sí  es posible implementar un diseño completamente a medida sin tener un aspecto 'CMS'.

Marcas de agua y 'responsive design'.

La seguridad de las fotos originales era muy importante: las fotos originales no pueden ser accesibles para usuarios anónimos bajo ningún concepto. Por eso al cargar las fotos se reducen de tamaño, y se guardan en una zona restringida en el servidor. Aplicamos marcas de agua a las fotos que al final se muestran en la página web. Para reducir el tiempo de carga para la versión móvil usamos fotos de tamaño reducido para pequeñas pantallas, usando el módulo Picture.

Impulsado por Ajax, consciente del posicionamiento

El API de AJAX de Drupal nos permite cargar parte de la web mediante javascript sin tener que cargar la página entera de nuevo cuando abrimos las previas y siguientes fotos. Con AJAX la página es más rápida y más intuitiva de navegar. También nos permite añadir efectos gráficos para las transiciones entre fotos, lo cual no sería posible sin usar Ajax.

Aún así cada foto tiene su propio enlace, con lo cual se fomenta el compartir cada foto en las redes sociales y  se mejora posicionamiento en Google. 

Integración de Mailchimp

La página web incluye el servicio de Mailchimp para facilitar que se apunten los usuarios al boletín de noticias a través de la propia web.

Responsive
SASS/Compass
Ajax