Vitru Educação

BRQ y Vitru Educação triplican la velocidad de creación de interfaces digitales con un Design System multimarca

Joven con trenzas y brazos cruzados sobre fondo morado con el grafismo de asterisco de Vitru

Servicios

  • Design System Multimarca
  • Tokens Semánticos y Componentes Reutilizables
  • Gobernanza y Documentación
  • IA Aplicada al Diseño y al Desarrollo
  • Capacitación del Equipo de Diseño

Cómo impactamos

En alianza con BRQ, Vitru estructuró en menos de tres meses un Design System multimarca para UNIASSELVI y UniCesumar, con más de 220 componentes, tokens semánticos e inteligencia artificial aplicada a la generación de código y a la validación de la adherencia a los estándares.

Resultados

  • 3xMás velocidad en la creación de interfaces digitales consistentes
  • +30%En la velocidad de los sprints, con IA aplicada al desarrollo
  • +220Componentes entregados para UNIASSELVI y UniCesumar
  • +90%De adherencia al Design System en el código generado con IA

El desafío

Vitru Educação, ecosistema educativo que reúne marcas como UNIASSELVI y UniCesumar, enfrentaba el desafío de evolucionar sus portales digitales de forma escalable, preservando la identidad visual y las particularidades de cada institución. Con públicos, lenguajes y necesidades diferentes, era fundamental garantizar la consistencia entre interfaces, simplificar la creación de nuevas páginas y reducir el retrabajo de los equipos.

Además de la complejidad de administrar múltiples marcas, Vitru necesitaba transformar su guía visual en un Design System funcional, capaz de conectar diseño, contenido y desarrollo. La ausencia de una estructura compartida dificultaba la reutilización de componentes y la estandarización de las experiencias, lo que exigía una solución que aportara más gobernanza, previsibilidad y velocidad a las entregas digitales.

Qué hicimos

BRQ trabajó en alianza con Vitru en la construcción de un Design System multimarca, estructurado a partir de una base común para UNIASSELVI y UniCesumar. La solución reunió tokens semánticos, componentes reutilizables, patrones de experiencia y reglas compartidas, respetando las particularidades visuales de cada marca.

También se establecieron mecanismos de gobernanza, documentación y validación, incluida una herramienta de análisis de archivos de Figma para verificar la adherencia a los estándares definidos. La inteligencia artificial se incorporó como aceleradora de los procesos de diseño y desarrollo, apoyando la creación de componentes, la generación de código y la validación de la consistencia entre interfaces e implementación.

Además, capacitamos al equipo interno de diseño de Vitru y acompañamos la validación de las nuevas páginas, garantizando la aplicación de los estándares establecidos y creando una estructura preparada para la evolución continua de las experiencias digitales.

Qué cambió

  • Más de 220 componentes entregados para UNIASSELVI y UniCesumar, ampliando la reutilización y la estandarización de interfaces.
  • 3x más velocidad en la creación de interfaces digitales consistentes.
  • 30% de aumento en la velocidad de los sprints, con inteligencia artificial aplicada al desarrollo.
  • Más del 90% de adherencia al Design System en el código generado con apoyo de IA.
  • Más de 70 páginas creadas con componentes del Design System, lo que demuestra su aplicación práctica en los portales.
  • Design System estructurado en menos de tres meses, estableciendo una base funcional para las dos marcas.
  • Mayor consistencia y gobernanza, con documentación, estándares reutilizables y mecanismos de validación.
  • Accesibilidad considerada en la construcción de las interfaces, ampliando el conocimiento técnico del equipo de diseño.
  • Capacitación del equipo interno de Vitru, fortaleciendo la autonomía y la continuidad de la evolución digital de las marcas.
Soluciones digitales

Casos de éxito con clientes