Lyreco
Un ecosistema global de webs corporativas con una base común
Las empresas multinacionales como Lyreco se enfrentan al desafío de mantener múltiples sitios web independientes respetando una identidad corporativa común.
En 1926, Georges-Gaston Gaspard abrió una librería en Valenciennes (norte de Francia). La pequeña librería creció progresivamente y comenzó a ofrecer servicios de impresión, a producir su propia gama de artículos de papel y a entregar los productos directamente a los clientes.
La Segunda Guerra Mundial tuvo unos efectos devastadores sobre las instalaciones de Gaspard, que quedan destruidas durante un ataque aéreo. Georges-Gaston Gaspard decidió entonces cerrar la tienda y centrarse en el servicio de empresa a empresa.
Desde los años 80 hasta el 2005, Lyreco se expandió por Europa y Asia-Pacífico. Actualmente, con una facturación de dos mil millones de euros en 2017, la empresa se sitúa entre los principales proveedores del mundo de suministros para oficina y está presente en 42 países de cuatro continentes.
El proyecto
Dado su tamaño, Lyreco cuenta con un enorme ecosistema de páginas corporativas. Con presencia en más de 42 países, la gestión, actualización y mantenimiento de tal cantidad de sitios web se puede convertir rápidamente en un problema.
Además, a nivel de identidad corporativa, es necesario tener las herramientas que garanticen que cada filial tenga libertad para definir sus contenidos, pero que el diseño y la infraestructura se mantenga dentro de un marco definido globalmente.
Es en este contexto que Metadrop recibió el encargo de desarrollar un sistema común para todas las webs corporativas de Lyreco.
Multisitio basado en perfiles
En Metadrop ya teníamos experiencia previa proporcionando soluciones sólidas y escalables para este problema.
La solución óptima consiste en la creación de un sistema multisitio capaz de mantener diversas páginas web independientes sobre una base de código compartida.
- Una base, múltiples sitios: Eliminar repeticiones es la base de toda optimización. Si todas las páginas web tienen un mismo diseño y características, ¿por qué no compartirlas? El sistema multisitio nos permite definir una base para todas y cada una de las webs generadas, reduciendo enormemente los costes de mantenimiento, seguridad e instalación.
- Un punto de partida compartido: Este proceso se puede agilizar aún más mediante el uso de Perfiles para garantizar que todas y cada una de las instalaciones comienzan desde el mismo punto. De este modo, cada vez que Lyreco lance un nuevo sitio web, este comenzará con una serie de configuraciones que lo mantienen alineado por defecto con el resto de sitios de la compañía.
- Un ecosistema con vida propia: Partir de un desarrollo común no resta libertad a los sitios de Lyreco. Nuestro sistema de configuración funciona hasta en cuatro niveles (global, por entorno, por sitio y por sitio y entorno). Esto significa que cada web es totalmente libre de definir sus propias configuraciones y especificidades cuando lo necesite y delegar en la configuración global cuando no.
Hablamos tus idiomas. Todos.
La traducción y localización de contenidos puede ser una fuente de desagradables sorpresas. ¿Qué ocurre si un país posee varias lenguas cooficiales? ¿O si se quiere tener una versión en inglés diferente por cada país, además de la versión en inglés global? ¿Cómo se gestionan las fechas en otros calendarios? Todo ello tiene su respuesta en Lyreco.
- Multiidioma por defecto: La internacionalización y localización de contenidos es un requisito obligatorio. Nos beneficiamos de las capacidades de traducción inherentes a Drupal para que cada sitio web pueda a su vez ser presentado en el idioma o idiomas del país, tanto a nivel de usuario como a nivel de edición de contenidos, así como en otros idiomas de ámbito global como el inglés.
- Tipografías y calendarios: Mucha gente asume erróneamente que la traducción empieza y acaba con el idioma, cuando es solo el comienzo. En Lyreco las tipografías se adaptan para dar apoyo a los idiomas con caligrafías diferentes (como el tailandés) y las fechas se modifican automáticamente para poder reflejar otros calendarios como el budista, el lunar o el persa.
De cero a infinito
Lyreco cuenta ya con un gran número de páginas corporativas creadas utilizando nuestro sistema, y el número no para de crecer. Actualmente, existen los siguientes sitios disponibles:
Global · Suiza · Dinamarca · Tailandia · Centroeuropa · Bélgica · Luxemburgo · Holanda · Alemania · Finlandia · Francia · Suecia · Korea . Hong-Kong · Italia · Noruega · Polonia
Además, las siguientes webs ya han sido creadas y están a la espera de su traducción completa y lanzamiento:
Iberia · Korea · WISE · SIMA
Una identidad corporativa sólida y centralizada
¿Cómo puede una empresa dar libertad para la edición de contenidos y, al mismo tiempo, mantener una identidad corporativa sólida?
Si el sistema es demasiado permisivo, la coordinación de la identidad (uso de tipografías, logogramas, colores, tamaños, etc.) se puede volver extremadamente complicada.
Si se limitan las opciones, es normal que las páginas web se conviertan en simples clones o se reduzcan a una actividad mínima ante la incapacidad de los editores para definir libremente sus propios objetivos.
Para evitar esto, desarrollamos un sistema basado en componentes reutilizables en el que se conjugan la libertad para crear contenidos del editor con la definición estricta de estilos según el diseño proporcionado por el cliente.
- Librería de componentes reutilizables: El sistema de edición implementado por Metadrop se basa en una librería de más de 20 componentes creados por y para Lyreco, tales como carruseles de imágenes, integraciones con redes sociales, bloques call-to-action, botones, etcétera. Estos elementos se usan para componer páginas mediante un sistema que permite añadir y reordenar elementos hasta lograr el objetivo deseado.
- Identidad corporativa y diseño: Al mismo tiempo que el editor gana en libertad, el diseño e identidad corporativos quedan protegidos, ya que la estructura básica y funciones de los componentes permanecen inalterables e iguales entre todos los sitios web. Del mismo modo, cualquier cambio en el diseño puede ser inmediatamente aplicado a todos los sitios web sin tener que rehacer los contenidos.
- Guía de componentes para editores: Una imagen vale más que mil palabras. Para ayudar a los editores a visualizar y conocer los más de veinte componentes a su disposición, Metadrop creó una página que sirve de guía de estilo visual, documentación y referencia.
- Herramientas de regresión visual: Lyreco proporcionó el arte final del sitio web en forma de detallados mockups de Sketch. Dada la importancia del diseño, en Metadrop implementamos tests de regresión visual que nos permiten detectar cualquier alteración no deseada e intervenir a tiempo para garantizar que la identidad visual permanece siempre según los requisitos del cliente.
Búsqueda avanzada e integrada con Workday
Un servicio fundamental de Lyreco es la búsqueda avanzada, especialmente de las ofertas de trabajo que se encuentran centralizadas en el popular ERM Workday.
Un enfoque tradicional hubiera optado por replicar los datos de Workday en Drupal. En este proyecto optamos en su lugar por External Entities, un enfoque mucho más novedoso y útil por el que Drupal simplemente consulta los datos alojados en otro servicio y genera entidades propias que no almacenan la información, pero sí reproducen su estructura. Gracias a esto, conseguimos lo siguiente:
- Una sola fuente de información: Lyreco mantiene la información acerca de sus ofertas de trabajo en un solo sitio. No se producen duplicaciones innecesarias ni la necesidad de acceder a más de un sistema para editar datos. Para Lyreco, todo sigue igual que siempre.
- Sin problemas de sincronización: Uno de los problemas más comunes en las migraciones de datos son los fallos de sincronización, de modo que la información quede en ocasiones incompleta o errónea. Puesto que Drupal solo consulta los datos de Workday, este problema se elimina completamente, garantizando que la información presentada en las webs de Lyreco sea siempre idéntica a la original.
- Gran rendimiento: Puesto que los datos recibidos desde Workday no son almacenados, la carga sobre el sitio se aligera. Además, los datos recibidos desde Workday se benefician del cacheado de Drupal, lo que aumenta enormemente la velocidad de respuesta del sitio web.
- Desarrollo de integración con SOAP: Tuvimos que desarrollar un sistema propio para conectarnos a la Api pública de Workday, que usa el protocolo SOAP.
- Búsqueda faceteada: Incorporamos una búsqueda faceteada que permite además el filtrado en tiempo real de los resultados de búsqueda atendiendo a diferentes criterios (geográficos, categoría, etc) con el objetivo de hacer el buscador todavía más potente y útil para el usuario.
«En lugar de migrar las ofertas de trabajo, usamos un enfoque mucho más novedoso y útil por el que Drupal simplemente consulta los datos alojados en otro servicio y genera entidades propias que no almacenan la información, pero sí reproducen su estructura»
Todo el poder para el editor
Una web corporativa es ante todo una web informativa que ha de responder rápida y eficazmente las preguntas y dudas de cualquier visitante. Para ello, los equipos editoriales encargados de su mantenimiento necesitan herramientas a la altura.
Las webs de Lyreco parten con la ventaja de una serie de desarrollos pensados para facilitar la vida de sus editores:
- Sistema de menús y portadas contextuales: Una de las especificidades de este proyecto es que las webs de Lyreco no tienen una portada al uso, sino que se constituyen como una serie de grandes secciones temáticas («Acerca de», «Trabajar en Lyreco», «Recursos para Prensa», etc.), cada una de ellas con su portada y su menú personalizados. Metadrop adaptó el flujo normal de Drupal para conseguir esta novedosa estructura que responde contextualmente a la sección que esté en cada momento siendo visualizada.
- Vista previa de contenidos: En ocasiones, los editores necesitan presentar los contenidos para su aprobación previa sin hacerlos públicos. Usamos Node Auth Link, un módulo mantenido por Metadrop, para generar enlaces únicos que permiten la vista previa e incluso edición de contenidos por parte de cualquier persona sin necesidad de crearle una cuenta.
- Flujo de trabajo: Establecimos un flujo de publicación por el cual los contenidos pueden pasar por varias fases: borrador, publicación, archivo. Esto permite a los editores establecer políticas internas para garantizar la revisión y calidad de los contenidos.
- Publicación programada: Una herramienta esencial para los equipos editoriales es la capacidad de programar la publicación y despublicación de ciertos contenidos. El sistema añadido es rápido e intuitivo y permite elegir tanto la fecha como la hora exactas.
Hasta el último detalle
- GDPR: En Metadrop tenemos experiencia con la implementación del Reglamento General de Protección de Datos europeo. Para Lyreco se realizó una implementación avanzada que permite al usuario elegir las categorías exactas de cookies que quiere aceptar o rechazar y gestionar las librerías externas a cargar condicionalmente a través de Google Tag Manager.
- Contenido por defecto: Existen ciertas informaciones que son globales (elementos de menú, la información del pie de página, etcétera). Usamos un sistema de contenido por defecto para que esta información aparezca automáticamente en cada sitio generado y no tenga que ser repetida manualmente.
- Sistema de mega menús: Desarrollamos un sistema para implementar menús complejos y anidados que, cuando se despliegan, presentan una gran cantidad de información procedente de diferentes fuentes
- Datos estructurados: Existen estándares para permitir a los motores de búsqueda identificar correctamente la naturaleza de una página web (como por ejemplo una oferta de trabajo). Implementamos Schema.org usando JSON+LD para garantizar la presencia de datos estructurados, mejorando el posicionamiento SEO y la presencia en buscadores.
- Newsletter: Lyreco usa Eloqua para gestionar su sistema de listas de correo. Integramos este sistema con el sitio web de modo que el formulario de inscripción proporcionado por Eloqua se integre perfectamente con el diseño.
- 404 personalizado: La página de error 404 (contenido no encontrado) puede ser reutilizada, como hicimos en Lyreco, para redirigir al usuario a otros puntos del sitio web y evitar perder su atención.
El futuro
Gracias al trabajo realizado, Lyreco será capaz de renovar completamente sus páginas web corporativas a nivel global cumpliendo con el doble objetivo de mantenerlas centralizadas, pero independientes, reduciendo los costes de mantenimiento y al mismo tiempo entregando a sus filiales una serie de herramientas y capacidades para que sean capaces de definir sus propios contenidos y objetivos.