Ávoris / Grupo Barceló

Migración de marca y ecosistema white-label

Rol
Frontend Developer
Año
2013 — 2022
Stack
AngularVueBEM / ITCSSAtomic Design

01 /Contexto

La etapa en Ávoris fue un trabajo sostenido sobre el frontend de cara a usuario de Grupo Barceló: una migración completa de marca y una base white-label reutilizada en varias submarcas. Ávoris es el brazo tecnológico y de viajes de Grupo Barceló, uno de los grupos turísticos más grandes de Europa. A lo largo de casi una década allí trabajé en buena parte de su frontend de cara a usuario, durante un periodo en el que el grupo consolidó varias marcas y necesitaba que esas marcas viviesen sobre una misma base técnica en lugar de hacerlo como islas independientes.

02 /Mi rol

Mi pieza central fue liderar una migración completa de marca en el ecosistema frontend y convertir lo que eran bases de código por marca en una base white-label que varias submarcas pudieran compartir. Eso supuso negociar con diseño, acordar qué partes debían ser configurables por marca y cuáles no, y dejar el código en una forma en la que añadir una marca nueva fuera trabajo de configuración, no otra integración completa.

03 /Decisiones técnicas

  • Base frontend white-label reutilizada en varias submarcas del grupo.
  • Capa de theming por marca separada de la lógica de producto, de forma que los cambios de marca no tocasen el código de aplicación.
  • BEM / ITCSS / Atomic Design aplicados de forma pragmática — usados donde realmente aportaban al sistema.
  • Propiedad sostenida a lo largo del tiempo sobre bases Angular y Vue, con las migraciones que vinieron con ese recorrido.
  • Puente entre diseño, producto e ingeniería sobre qué era configurable por marca y qué tenía que mantenerse compartido.

04 /Resultado

Al final de la etapa, sumar o evolucionar una submarca dentro del grupo ya no requería bifurcar el frontend. La misma base se publicaba bajo varias marcas de cara a usuario, y el equipo podía iterar sobre mejoras compartidas sin romper cada marca por separado.