Tecnología headless para optimizar el rendimiento y la seguridad

LUPIA

Hace más de 20 años, Hijos de Rivera, la compañía detrás de Estrella Galicia y 1906 decidió echar en marcha un proyecto para recuperar el cultivo de lúpulo en Galicia. Fruto de esta ilusión y esfuerzo, nace Lupia, una cerveza elaborada con lúpulo 100% gallego y cultivado de manera sostenible.

Lupia ofrece dos variedades de cerveza, cada una con características únicas basadas en el tipo de lúpulo utilizado: Nugget y Magnum. Además de su compromiso con la calidad, Lupia también busca tener un impacto positivo en su entorno, apoyando la sostenibilidad y la producción local.

Escenario inicial

La marca nos propone hacernos cargo de este proyecto tan ilusionante para ellos, confiando una vez más en Hacce como empresa de desarrollo. 

Para ello partimos de una premisa clara: diseñar una web desde cero para promocionar un producto nuevo que sacaría la cervecera al mercado. Siendo conscientes que no dispondríamos de mucho material inicial al tratarse de una idea en desarrollo y que tendríamos que trabajar con renders e ideas no finales. Nuestro cometido fue desarrollar el diseño y la maquetación trabajando conjuntamente con las propuestas y el material que nos fueron enviando desde la agencia IDEA, también contratada por la marca.

El reto

Transmitir la visión de la marca con este nuevo producto ha sido clave para nosotros. Intentar y conseguir plasmar una imagen fresca y audaz, completamente distinta a cualquier lanzamiento anterior. Superando pequeños retrasos logísticos debido , adaptándonos a los  nuevos conceptos que surgieron y completando un rebranding posterior. Además, hemos gestionado la necesidad de esperar por el material audiovisual, grabado durante la cosecha del lúpulo en septiembre.

Desde el punto de vista técnico, hemos enfrentado desafíos significativos, como la implementación de tecnología headless para separar el frontend y el backend del sitio web, y la automatización del despliegue de nuevas versiones. Estos esfuerzos han sido fundamentales para asegurar una experiencia de usuario fluida y eficiente.

Solución

En el ámbito visual, hemos creado una web rápida, clara y altamente atractiva que captura el espíritu de esta nueva cerveza. Se trata de un catálogo web con accesos directos a la tienda de la marca, diseñado para incrementar las ventas. Nuestro trabajo abarcó desde la experiencia de usuario (UX) hasta la interfaz de usuario (UI).

Para optimizar la arquitectura, utilizamos NextJS (un framework de React) para el frontend y WordPress para el backend. Además, implementamos la automatización del despliegue de versiones mediante flujos automáticos configurados en un repositorio de Bitbucket, asegurando así un proceso eficiente y sin interrupciones.

Un detalle bastante innovador fue incluir en la maquetación elementos móviles en la página de ficha de producto,  donde el usuario puede mover los iconos que están en la cabecera de la página arrastrándolos con el ratón.

Resultado

Aunque aún es temprano para auditar los resultados, la tecnología headless no solo añade una capa extra de seguridad, sino que también optimiza enormemente el rendimiento, generando contenido dinámico a partir de la gestión en WordPress.

Por parte de la marca la apuesta con Lupia es extraordinaria ya que está apostando fuerte con catas, campañas en televisión, redes sociales, presentaciones publicitarias y pop-ups en la calle. 
Para Hacce ha sido un proyecto enriquecedor que nos permitió no sólo mantener sólidos lazos de colaboración con Hijos de Rivera, si no la satisfacción y orgullo que nos aporta al ver nacer un producto de la importancia de Lupia y poder aportar nuestro granito de arena a este proyecto..