Facebook
Twitter
Linkedin
Instagram
Whatsapp
"Con un claro enfoque en el consumidor premium, la plataforma integra tradición y tecnología para trasladar la exclusividad de Cinco Jotas a un mercado global."
El reto
La iniciativa de rediseñar la plataforma de Cinco Jotas planteó varios desafíos técnicos. La marca buscaba un entorno digital que reflejara su identidad premium y ofreciera una experiencia de usuario con un diseño visual y funcional que encarnara la sofisticación y exclusividad de la marca. Además, la integración con SAP planteó la necesidad de una arquitectura avanzada que facilitara la actualización en tiempo real de inventarios y pedidos, optimizando también la personalización de la experiencia de compra.
Solución
En hiberus, hemos creado una plataforma digital a medida para Cinco Jotas, utilizando SAP Commerce Cloud y un enfoque de composable commerce. Esta solución ofrece una experiencia única, flexible y escalable, perfecta para conectar con los consumidores de hoy en día.
Adaptamos el nuevo concepto de marca de Cinco Jotas al mundo digital sin perder su esencia. El resultado es una experiencia visual impresionante, que transmite más sensaciones, más emociones y más interacciones.
Con un diseño modular, hemos logrado que el frontend (basado en SAP Composable Storefront / Spartacus) se mantenga separado del backend (headless), lo que permite una integración flexible y adaptada a las necesidades de cada momento. Además, la plataforma es completamente responsive, lo que asegura una experiencia impecable tanto en dispositivos móviles como en pantallas grandes.
Sistema de componentes modulares y reutilizables
Uno de los aspectos clave del proyecto fue la alta personalización gráfica requerida para la web de Cinco Jotas. Dado el diseño único y las especificaciones visuales, se optó por implementar un sistema de componentes modulares y reutilizables. Este enfoque permitió que el diseño de Cinco Jotas mantuviera una coherencia visual y funcional en todas las páginas del sitio, facilitando la reutilización de componentes en futuras webs del grupo Osborne.
La arquitectura modular permitió personalizar estilos y funcionalidades sin la necesidad de crear componentes nuevos desde cero. Aunque el desafío técnico residió en diseñar elementos con suficiente grado de abstracción para adaptarse a distintos estilos sin perder funcionalidad, se logró una solución flexible y consistente que soporta personalizaciones visuales sin comprometer el diseño base.
Alta personalización gráfica
A diferencia de muchas implementaciones estándar de SAP Composable Storefront para B2C, este sitio requería un diseño completamente a medida, que reflejara la exclusividad y el valor de la marca, superando las capacidades «out of the box» de SAP.
Para alcanzar este nivel de personalización, se realizaron desarrollos específicos y ajustes que impactaron tanto en los aspectos visuales como en la estructura de las páginas y los componentes genéricos de Composable Storefront. Un ejemplo de ello fue la integración de un algoritmo avanzado en la página de listado de productos (PLP), donde banners y productos destacados se intercalan con la categorización proporcionada por Solr, todo ello respetando un diseño de scroll infinito que optimiza la funcionalidad sin sacrificar la velocidad de carga.
Optimización de la experiencia de usuario con alta carga multimedia
El portal de Cinco Jotas alberga más de 300 fotos y 50 vídeos de alta calidad que permiten a los usuarios conocer mejor la oferta de productos y disfrutar de la identidad visual de la marca. No obstante, este volumen de contenido requiere una infraestructura capaz de garantizar tiempos de carga rápidos y una navegación fluida.
La complejidad técnica consistía en optimizar la carga y el rendimiento sin sacrificar la calidad de los recursos visuales. Para ello, se implementó una configuración avanzada de caché y renderizado del lado del servidor (SSR) para mejorar los tiempos de carga y asegurar una presentación ágil del contenido en diversos dispositivos. El SSR minimiza el tiempo necesario para que los usuarios vean la información deseada al procesar el contenido en el servidor.
Esta estrategia se complementó con una red de distribución de contenido (CDN), que optimiza la entrega eficiente del contenido, reduce la latencia y mejora la velocidad de carga, especialmente para los usuarios en diversas ubicaciones. Estas configuraciones fueron esenciales para cumplir con las mejores prácticas de rendimiento y garantizar una experiencia fluida tanto en dispositivos móviles como en pantallas de escritorio.
Integración con el ecosistema SAP para una gestión integral
En cuanto al backend, el sitio de Cinco Jotas se integró completamente con el ecosistema SAP de Osborne, incluyendo SAP SCPI y SAPS/4HANA. Esta integración fue clave para garantizar una gestión coherente de los datos, permitiendo que la web reflejara en tiempo real inventarios, precios y otros datos relevantes de la tienda online. Gracias a esta sinergia, SAP Commerce y el sistema ERP facilitaron la simulación de pedidos con productos de diferentes almacenes, la actualización en tiempo real del estado de los pedidos y la gestión precisa de inventarios y cancelaciones. Además, se garantizó que los datos de clientes y facturas se sincronizaran correctamente.
Preparación para la expansión internacional
La arquitectura del sitio también fue diseñada para respaldar la expansión internacional de la marca. La infraestructura permite una adaptación rápida a nuevos mercados, desde la traducción de contenido hasta la apertura de nuevas tiendas y almacenes, asegurando que Osborne pueda implementar fácilmente su modelo en otros países sin comprometer la calidad de la experiencia del usuario.
Resultados
La colaboración entre Osborne e hiberus dio como resultado una plataforma digital de lujo que ha consolidado la imagen de Cinco Jotas en el mercado global. Los logros conseguidos incluyen:
- Aumento de la visibilidad y ventas internacionales: La nueva plataforma ha abierto oportunidades en mercados de Europa Occidental, demostrando su capacidad para atraer un consumidor internacional.
- Optimización de la gestión y eficiencia operativa: La integración con SAP ha permitido una gestión de inventarios en tiempo real y una experiencia de servicio al cliente más eficiente.
- Reducción en tiempos de carga y mejora de la experiencia de usuario: La implementación de SSR y CDN ofrece una experiencia rápida y visualmente atractiva, satisfaciendo las altas expectativas de un cliente premium.
- Expansión de la identidad de marca: Gracias al rediseño visual, Cinco Jotas ha conseguido proyectar una imagen de tradición y modernidad, atrayendo a un público más joven e internacional.
La arquitectura modular y escalable de la nueva plataforma permitirá a Cinco Jotas seguir expandiéndose y adaptar su oferta a otros mercados, como el de Estados Unidos. Este proyecto demuestra el compromiso de Osborne e hiberus con la innovación y excelencia, posicionando a Cinco Jotas para crecer en el competitivo mercado de lujo gourmet. Este nuevo site ha sido nominado a los premios Awwwards, que reconocen y destacan los proyectos de diseño web más innovadores y creativos.
En hiberus ayudamos a nuestros clientes y los acompañamos en cada paso de su transformación digital para alcanzar sus objetivos estratégicos. Ayudamos a las marcas a adaptarse y evolucionar en un entorno global cada vez más competitivo. Conócenos.
