Saint-Gobain

¿Cómo se adapta un líder industrial de 359 años a la era digital?A través del poder de la innovación y la colaboración estratégica. 

Saint-Gobain, una corporación multinacional francesa con una rica historia que se remonta a 1665, ha sabido reinventarse constantemente para seguir liderando la industria de materiales de construcción. Junto a VML, una agencia creativa de renombre mundial, Saint-Gobain inició un proyecto digital transformador para modernizar su presencia online y mejorar la experiencia del usuario, utilizando la plataforma Drupal como base tecnológica y a Metadrop como partner tecnológico.

Introducción: Una Asociación Exitosa

Saint-Gobain ha evolucionado más allá de sus orígenes como fabricante real de vidrio para convertirse en un líder global en construcción sostenible, eficiencia energética y materiales de alto rendimiento. Con presencia en 76 países y más de 160,000 empleados, la empresa genera más de 47,000 millones de euros anuales ofreciendo soluciones innovadoras que mejoran los entornos construidos.

VML, una potencia creativa formada por la fusión de Wunderman Thompson y VMLY&R, se especializa en el crecimiento y transformación de marcas. Con una red global que abarca más de 60 mercados y 30,000 profesionales, VML combina tecnología de marketing de vanguardia y experiencia en plataformas para impulsar el éxito de sus clientes.

Esta colaboración unió la visión de Saint-Gobain de "Hacer del Mundo un Hogar Mejor" con la pericia creativa y técnica de VML para desarrollar una plataforma digital robusta y preparada para el futuro.

Origenes: El punto de partida de una colaboración fructífera

El viaje de transformación digital de Saint-Gobain estuvo guiado por dos objetivos principales: actualizar su plataforma a los estándares más recientes de Drupal y mejorar la experiencia del usuario mediante características innovadoras.

Cuando el proyecto comenzó, el primer desafío fue la migración de Drupal 7 a Drupal 9, que no consistió sólo en eso, sino que, aprovenchando la coyuntura, se realizó una potente simplificación, refactorización y reorganización de la arquitectura del sitio web. ¿El objetivo? lograr una herramienta más sencilla y, al mismo tiempo, más potente.

Para ello,see redujeron los tipos de contenido, se movieron las funcionalidades a componentes reutilizables (un diseño más modular), y se llevó a cabo una migración automatizada, lo que resultó en 5700 contenidos migrados, 2100 elementos transformados, sólo 6 tipos de contenido (de 20) y 22 diseños reutilizables (de 48). Los editores y la infraestructura del sitio ciertamente lo agradecieron.

Otro punto inicial destacable fueron las integraciones de servicios externos, que una empresa del tamaño de Saint Gobain requiere en bastante número y que resultan primordiales para ellos:

• Conexión con la bolsa a través de Symex: Creando un componente personalizado para introducirla.
• Integración con Scoop.it: Se Para presentar, correctamente estiladas, las noticias  que en Saint-Gobain se comparten entre las diversas plataformas y canales a través de este servicio.
• GDPR utilizando OneTrust: Se proporcionaron las integraciones necesarias para cubrir todos los casos: y en especial, el requerimiento de consentimiento previo en vídeos alojados en Youtube y su integración con el sistema de cookies de OneTrust.
• Buscador de sedes y filiales a través de OpenDataSoft:  Se integró esta solución con Drupal de modo que los resultados puedan ser consultados remotamente, cacheados y mostrados como si fueran parte del propio sitio web.

Finalmente  dentro de este proceso de renovación se acometió también:

•  Un diseño totalmente nuevo: Proporcionado por el cliente, se hizo de la forma más exacta posible, incluso llevando a cabo desarrollos personalizado de elementos complejos, como un globo terráqueo animado en 3D donde poder ubicar las sedes de la empresa o visualizaciones tipo masonry para grandes listados de contenido.Se aplicamos herramientas de testeo visual y autogeneración de contenido para detectar errores y regresiones antes de tiempo,
• Implementación de los estándares demandados de accesibilidad: Que permiten la navegación a las personas con discapacidad.
• Mejora del rendimiento  mediante la optimización de código, búsqueda de alternativas al uso de scripts de terceros, uso de capas de cacheado, etc.
• Mejora del motor de búsqueda para añadir el indexado dentro de los documentos PDF cargados, incluso   buscando palabras y expresiones que aparezcan dentro del texto de los propios documentos.
• Optimización del SEO al proporcionar herramientas para redes sociales y mejorando el etiquetado de las páginas para el indexado por los motores de búsqueda.

Construyendo el Futuro: Objetivos, Desafíos e Innovaciones Clave

Esta colaboración se ha mantenido a lo largo del tiempo, y ha permitido que la web de Saint-Gobains siguiese creciendo de manera progresiva y desrrollando nuevas funcionalidades. Por ejemplo, Cuando entro en escena Drupal 10, se ejecutó la actualización sin problemas. Hoy en día, aparte de las ya menciconadas,  estas son varias de las características implementadas o mejoradas a lo largo del tiempo:

• Funcionalidad Multilingüe: Un soporte robusto para varios idiomas garantiza una experiencia consistente y accesible para usuarios en todo el mundo.
•  Se  aumentan las integraciones con Terceros: Conexiones fluidas con plataformas como voiceflow, etc. que enriquecen la variedad y funcionalidad del contenido.
• Páginas de Aterrizaje Personalizables: Los editores pudieron crear páginas de aterrizaje personalizadas con componentes modulares, simplificando las actualizaciones de contenido.
• Calendario de Eventos Interactivo: Una agenda pública de eventos que presenta detalles sobre resultados financieros e iniciativas de Saint-Gobain, mejorando la participación de las partes interesadas.
• Centro de Informes Corporativos: Una sección dedicada a informes y documentos corporativos garantizó un fácil acceso a información crítica para inversores y socios.
• Gestión de Contenido Programado a través de módulo Scheduler que permite la publicación automatizada y las actualizaciones para un flujo editorial más eficiente.
• Navegación Optimizada: La experiencia del usuario se mejora con herramientas de navegación intuitivas como los enlaces anterior/siguiente, para que los visitantes pudieran explorar el contenido sin esfuerzo.
• Modo Oscuro: Una opción de diseño eficiente en energía que permite a los usuarios cambiar a una interfaz más oscura, mejorando la legibilidad y reduciendo el consumo de batería.

La Tecnología que Impulsó la Transformación

El proyecto aprovechó varios módulos avanzados de Drupal para dar vida a estas características:

• Conector Acquia: Facilitó la gestión y optimización del sitio utilizando las soluciones avanzadas de alojamiento de Acquia.

• Dark Mode Switch: Ofreció una opción de interfaz ecológica, alineada con los objetivos de sostenibilidad de Saint-Gobain.

• Masonry Views: Permitió diseños dinámicos y receptivos que mantuvieron un diseño moderno y visualmente atractivo.

• Search API Solr: Mejoró la funcionalidad de búsqueda al ofrecer resultados precisos y rápidos.

• Paragraphs: Empoderó a los editores con componentes de contenido reutilizables y flexibles, reduciendo el tiempo de publicación de nuevas páginas.

• Scheduler: Automatizó los flujos de trabajo de contenido para una mayor eficiencia operativa.

• Webform: Facilitó la creación de formularios intuitivos para capturar comentarios e información de los usuarios.

Contribuciones a la Comunidad de Drupal

En el espíritu de la colaboración de código abierto, el equipo del proyecto desarrolló y contribuyó con el módulo Voiceflow a la comunidad de Drupal. Esta herramienta permite a los desarrolladores integrar fácilmente las capacidades de chatbot conversacional de Voiceflow en sus sitios web Drupal. Sus características incluyen configuraciones personalizables, exclusiones de rutas y una interfaz fácil de usar. Esta contribución amplía el impacto del proyecto más allá de Saint-Gobain, enriqueciendo el ecosistema Drupal en general.

Las 5 razones principales por las que Drupal fue la elección clara

Saint-Gobain’s global footprint, diverse audience, and evolving digital needs demanded a platform that was flexible, secure, and scalable. Drupal was the natural choice, offering features that aligned perfectly with the project’s ambitious goals:

• Flexibilidad y Personalización: La arquitectura modular de Drupal permitió soluciones a medida para los complejos requerimientos de Saint-Gobain.
• Escalabilidad: Como una empresa multinacional con altos volúmenes de tráfico, necesitaba una plataforma que creciera con sus necesidades.
• Capacidades Multilingües: Con operaciones en decenas de países, el soporte para múltiples idiomas era esencial.
• Preparación para Integraciones: El robusto ecosistema de APIs de Drupal permitió integraciones fluidas con herramientas y plataformas críticas.
• Seguridad de Clase Mundial: Drupal ofreció medidas de seguridad avanzadas, cruciales para una corporación de esta escala.

Un Legado Reinventado: El Resultado

El proyecto de transformación digital de Saint-Gobain es un testimonio del poder de la colaboración y la innovación tecnológica. Al modernizar su presencia en línea e introducir características centradas en el usuario, Saint-Gobain reforzó su liderazgo en construcción sostenible mientras ofrecía valor a partes interesadas y usuarios de todo el mundo.

¿Qué Sigue para Tu Marca?

Si estás buscando impulsar tu transformación digital o desbloquear nuevas oportunidades de crecimiento, estamos aquí para ayudarte. Con experiencia comprobada en Drupal y una pasión por resolver problemas en colaboración, creemos juntos una solución digital que lleve tu negocio al siguiente nivel. Contáctanos hoy para comenzar tu viaje.