Design System multimarca
Nubexx · 2025
Rol
Lead Product Designer
Stack
Figma · Supernova · Angular · PrimeNG · Tailwind CSS
El Contexto
Plataforma SaaS interna para los sectores proptech y hospitality que integra varias verticales: gestión de propiedades B2B, control de hardware domótico, aplicaciones B2C para huéspedes y un portal comercial SSR. Partiendo de una base de UI limitada y múltiples productos con necesidades dispares, asumí la dirección de diseño para construir un sistema capaz de unificar la lógica estructural de toda la suite manteniendo identidades de marca diferenciadas.
El Reto
Resolver la tensión entre consistencia estructural y flexibilidad visual. Los componentes debían funcionar transversalmente en dashboards, interfaces móviles y portales web, soportando varias marcas con paleta e identidad propia. Esto exigió definir una arquitectura de tokens por capas que escalara sin duplicar trabajo, y asegurar 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
Apliqué Atomic Design sobre una arquitectura de tokens en capas (Primitive, Semantic, Components) y centralicé la documentación en Supernova. El sistema cubre los distintos productos del ecosistema y el equipo de frontend compone nuevas interfaces sin pasar por diseño en cada iteración.
