Bora Relanzamiento del sitio web

Estancamiento significa regresión. Por eso BORA avanza. Con un nuevo sitio web y la unificación de PIM, CMS y DAM en una única instancia y un nuevo diseño totalmente centrado en la experiencia de usuario del grupo objetivo.

El Cliente

BORA Werkhaus GmbH, con sede en Raubling, es uno de los fabricantes más conocidos de sistemas de extracción y placas de cocción.  Sus productos se caracterizan por su gran eficacia y estética, ya que sustituyen las campanas extractoras convencionales por una innovadora tecnología de extracción directamente en la placa de cocción. Además de los productos innovadores, BORA también ofrece una plataforma de formación culinaria en la BORA Academy. En ella, los aspirantes a chef y los profesionales experimentados tienen la oportunidad de perfeccionar su talento y aprender técnicas de cocina innovadoras, de forma práctica, personal y profesional.

Requisitos

El cliente quería un relanzamiento completo del sitio web de la empresa que incluyera numerosas funciones para dirigirse adecuadamente a todos los grupos destinatarios, garantizar una orientación óptima del usuario y mejorar el rendimiento SEO. El nuevo sitio web debía comunicar perfectamente la imagen de la empresa al mundo exterior y reconocer el liderazgo de BORA en el mercado. Además, todos los sistemas individuales debían combinarse en una plataforma integrada para la gestión de la información sobre productos (PIM), la gestión de activos digitales (DAM) y el sistema de gestión de contenidos (CMS). Debían implantarse nuevas interfaces con otros sistemas de la empresa, como la organización de eventos y la planificación de recursos empresariales (ERP). Los requisitos en este contexto también incluían el desarrollo ulterior del diseño corporativo y la conceptualización de elementos de diseño adecuados para los mundos de productos. La cooperación integrada entre los respectivos departamentos especializados de valantic DXA y BORA debía garantizar un flujo de procesos continuo y optimizado. Además, el cliente solicitó asesoramiento para la optimización de cada uno de los sistemas internos.

Implementación

Inicialmente, se revisaron los sistemas existentes del cliente. Se desarrolló una estrategia individual para cada sistema con el fin de determinar si el sistema respectivo podía mapearse o conectarse en Pimcore y cómo.

A partir de un taller conjunto y en estrecha colaboración con todos los departamentos internos y proveedores de servicios externos, se elaboró una hoja de ruta para la puesta en marcha inicial y los ajustes posteriores. Se fijó como fecha límite la apertura de la tienda insignia en Herford y la exposición interna simultánea con el lanzamiento de nuevos productos. Para cumplir el plazo, se definió un proyecto de valor mínimo. Durante todo el MVP, los compañeros estaban totalmente ocupados con el apoyo a los procesos actuales, mientras que otro compañero ya estaba debatiendo, definiendo y preparando futuros temas prospectivos. Por tanto, se trabajó en paralelo en dos calendarios de proyecto diferentes.

El proyecto se configuró deliberadamente para que fuera muy ágil, con temas de enfoque individuales que se definían periódicamente, pero cuya priorización también podía ajustarse en caso necesario. valantic DXA se encargó de diseñar el nuevo sitio web en estrecha colaboración con los departamentos especializados de Bora. Además, los departamentos creativo y de marketing de valantic DXA asumieron funciones consultivas y activas en ámbitos como el diseño corporativo, la personalización de los elementos de diseño, la UX y el SEO técnico. Debido a los enormes retos y a la combinación deseada de PIM, CMS y DAM, el proyecto se configuró en Pimcore, medida que contó con el pleno apoyo del cliente. Inicialmente se desarrolló una plataforma central para PIM, DAM y CMS, que ofrece interfaces adicionales para todos los sistemas internos de la empresa y el ERP. El frontend fue implementado íntegramente por Storybook. En el transcurso del desarrollo, los desarrolladores internos del cliente recibieron formación tanto en Pimcore como en Storybook, de modo que en el futuro puedan seguir desarrollando el proyecto junto con nuestros expertos.

En el primer paso, la guía lingüística del sitio web sólo se desarrolló para las variantes lingüísticas de-de, de-at y en-int. Todos los demás idiomas y páginas CMS se redirigieron al sitio Typo3 existente del cliente a través de un proxy inverso. Se realizarán sucesivamente otras conversiones. Como parte de la reorganización del diseño corporativo, se desarrolló un nuevo concepto para los mundos de productos BORA, que se incorporó a los nuevos elementos de diseño. El centro de atención fue el desarrollo de un concepto integral de scrollytelling, personalizado para cada producto por valantic DXA y mantenido a través del backend. La estrecha colaboración entre los departamentos de creación y desarrollo garantizó una implementación rápida y limpia del scrollytelling. Como resultado, el sitio web no solo parece más moderno, sino que ahora cada producto también llama más la atención. El scrollytelling también tiene un efecto positivo en la usabilidad. Durante la fase de desarrollo, el departamento de marketing optimizó técnicamente el sitio web de acuerdo con los últimos estándares; también en este caso, el estrecho contacto entre los departamentos implicados tuvo un efecto muy positivo en el diseño del proyecto.

Tras realizar todas las tareas correspondientes a la primera fase, el sitio se puso en marcha a tiempo. Dado que las variantes lingüísticas aún se crearon en Pimcore 10 debido al estricto plazo de entrega, se llevó a cabo una actualización a Pimcore 11 en la fase posterior a la puesta en marcha. A intervalos regulares se llevarán a cabo nuevas actualizaciones y cambios menores. En el transcurso del proyecto se adaptarán sucesivamente otros ajustes y la ampliación del concepto a otras variantes lingüísticas, de modo que al final del proyecto se pueda mapear en Pimcore el universo BORA completo. Las nuevas funciones y adaptaciones se publican en un ciclo de versiones quincenal en coordinación con el cliente. Además del proyecto MVP y del soporte continuo, los expertos de valantic DXA están a disposición del cliente para asesorarle sobre numerosos temas y proporcionarle evaluaciones y comentarios. Así pues, la estrecha colaboración entre los distintos departamentos especializados también se cumple estrictamente en el curso posterior del proceso.

 

El contenido del proyecto en detalle

  • Concepción 
  • Apoyo con UX/creación 
  • Consultoría 
  • Programación 
  • Desarrollo back-end 
  • Desarrollo front-end con Storybook 
  • Desarrollo de PIM, DAM, CMS 
  • Instalación Pimcore 10 
  • Actualización a Pimcore 11 
  • Desarrollo de scrollytelling con Storybook 
  • Diseño en movimiento 

Conclusión

El nuevo sitio web de BORA refleja a la perfección la esencia de la marca de la empresa. Es estéticamente agradable, extremadamente eficaz y cumple o incluso supera todos los estándares actuales. Pero, sobre todo, sitúa al usuario en el centro. Gracias a una estructura clara en el backend y a una guía de usuario intuitiva, así como a una UX atractiva, los visitantes pueden acceder a las páginas que les interesan de forma muy rápida y sencilla. No importa qué canales utilicen los distintos grupos destinatarios para acceder al sitio: los usuarios pueden llegar a su destino con unos pocos clics. Scrollytelling, en particular, asegura una experiencia de usuario excepcional y garantiza así que los grupos destinatarios se identifiquen con la marca. Bora es líder en el mercado y líder de opinión: esto es exactamente lo que expresa a la perfección el nuevo sitio web.