Design System multimarca

Contexto
Este proyecto consiste en el desarrollo de una plataforma SaaS interna orientada a los sectores proptech y hospitality. El ecosistema integra diversas verticales de negocio que abarcan desde la gestión de propiedades B2B y el control de hardware domótico hasta aplicaciones B2C para huéspedes y gestión de servicios operativos, todo ello apoyado por un portal comercial SSR. Ante un escenario de múltiples productos con necesidades dispares, mi responsabilidad principal fue transformar una base de UI limitada en un sistema de diseño capaz de unificar la lógica estructural de toda la suite manteniendo identidades de marca diferenciadas.

El reto
El desafío central fue resolver la tensión entre consistencia estructural y flexibilidad visual. Los componentes debían funcionar transversalmente en dashboards, interfaces móviles y portales web. Esto exigió definir una arquitectura de tokens por capas que permitiera escalar el sistema sin duplicar trabajo, asegurando además que la estructura en Figma se reflejara con exactitud en el código Angular, integrando PrimeNG con Tailwind CSS sin conflictos.

Solución e Impacto
Abordé el sistema aplicando Atomic Design y centralizando la documentación en Supernova como única fuente de verdad. Actuando como puente estratégico entre diseño y desarrollo, trabajé mano a mano con frontend para definir la viabilidad técnica de cada componente. Al establecer reglas de diseño claras, logramos que el equipo ahora componga nuevas interfaces con total autonomía, eliminando la deuda técnica y acelerando el time-to-market de cada vertical.