Caso de estudio · Drupal
Ribera del Duero
El portal del Consejo Regulador de una de las denominaciones de origen de referencia en España y en el mundo: un sitio que cuenta un territorio y, al mismo tiempo, da servicio a todo un sector.
- Cliente
- Consejo Regulador de la D.O. Ribera del Duero
- Alcance
- Diseño web
Desarrollo Drupal: front-end, theming y back-end - Tecnología
- Drupal · Views · Webform
Paragraphs · Layout Paragraphs - Sitio
- riberadelduero.es ↗
Un portal a la altura de una denominación de referencia.
Dirección de arte editorial: imagen a gran tamaño, tipografía con carácter y aire para que el vino y el paisaje lleven la voz cantante.
Más de 300 bodegas y 2.500 marcas, fáciles de encontrar en segundos.
Construido en Drupal con componentes reutilizables, para que el equipo del Consejo publique y componga páginas con autonomía.
El reto
Una denominación de origen habla a dos públicos a la vez: quien quiere descubrir sus vinos y quien trabaja con ellos cada día.
El portal tenía que transmitir la emoción de un territorio único y, en paralelo, ordenar un volumen de información muy amplio y en constante cambio: terroir, variedades, añadas, bodegas y marcas, Enopedia, notas de prensa, eventos, enoturismo… Todo con una experiencia coherente en escritorio y en móvil.
Contar
Un relato visual del territorio: clima, suelos, altitud, viñedos e historia, contados por capítulos.
Ordenar
Una arquitectura de contenidos clara —La D.O., Enopedia, Bodegas, Comunicación y marca, Enoturismo, Internacional— con navegación secundaria en cada área.
Servir
Herramientas útiles para el consumidor y para el sector: buscador y mapa de bodegas, calificación de las añadas y compra directa en bodega.
La portada
Una portada que inspira y, a la vez, reparte juego.
La portada abre con una campaña a pantalla completa y, en pocos desplazamientos, lleva a cada público a su sitio: el relato de «la exigencia» de la D.O., el buscador de bodegas, los accesos a Enopedia, Calificación de la añada y Vino online, la actualidad y los eventos.
La D.O.
El territorio, contado por capítulos.
Clima, Suelos, Variedades de uva, Altitud, Viñedos, Nuestros vinos, Añadas e Historia: cada capítulo tiene su propia página, con una navegación secundaria común que invita a seguir leyendo. Tarjetas visuales para la portada de la sección y páginas de lectura con fotografía de gran formato para el detalle.
Cada capítulo funciona igual de bien en la palma de la mano.
Tempranillo, Cabernet-Sauvignon, Merlot, Malbec, Garnacha tinta y Albillo Mayor: fichas visuales con su ilustración y sus rasgos.
Tipografía, ritmo y jerarquía pensados para leer con calma, también en pantallas pequeñas.
Utilidades
Herramientas para el consumidor y para el sector.
-
01
Buscador y mapa de bodegas
Búsqueda por nombre, resultados en tarjetas con imagen y un mapa interactivo que agrupa las bodegas por zona y se despliega al acercarse.
-
02
Fichas de bodega
Cada bodega tiene su ficha: galería, dirección y contacto, ubicación en el mapa, vídeo, marcas que elabora y servicios de enoturismo. Una misma plantilla, alimentada desde el gestor.
-
03
Calificación de las añadas
El histórico de calificaciones desde 1982, con la nota de prensa de cada añada a un clic.
-
04
Enopedia
Una videoteca para descubrir el vino de Ribera del Duero de la mano de enólogos y sumilleres.
Comunicación y marca
Una sala de prensa siempre al día.
Notas de prensa, publicidad, eventos y patrocinios, kit de prensa y banco de imágenes reunidos en un área propia. La actualidad se publica una vez y aparece donde toca: en su listado paginado, en la portada y en la agenda de eventos.
Bajo el capó
Drupal, bien construido.
Un sitio grande se sostiene con una buena base: tipos de contenido bien modelados, componentes reutilizables y listados que se actualizan solos.
Paragraphs + Layout Paragraphs
Una biblioteca de componentes —textos, imágenes, tarjetas, destacados, vídeos— que el equipo combina para componer cada página sin tocar código.
Views
Listados, buscadores y filtros: bodegas, notas de prensa, eventos o añadas se ordenan y paginan solos a medida que se publica contenido.
Webform
Formularios gestionables desde el propio Drupal, sin desarrollos a medida para cada necesidad.
Diseño responsive
Una sola base de diseño que se adapta del escritorio al móvil, con la misma jerarquía y el mismo cuidado visual.