Vitru Educação

BRQ and Vitru Educação triple the speed of digital interface creation with a multi-brand Design System

Young woman with braids and crossed arms against a purple background with Vitru's asterisk graphic

Services

  • Multi-Brand Design System
  • Semantic Tokens and Reusable Components
  • Governance and Documentation
  • AI Applied to Design and Development
  • Design Team Enablement

How we made an impact

In partnership with BRQ, Vitru built a multi-brand Design System for UNIASSELVI and UniCesumar in less than three months, with more than 220 components, semantic tokens and artificial intelligence applied to code generation and to validating adherence to the standards.

Results

  • 3xFaster creation of consistent digital interfaces
  • +30%Sprint velocity, with AI applied to development
  • +220Components delivered for UNIASSELVI and UniCesumar
  • +90%Design System adherence in AI-generated code

The challenge

Vitru Educação, an education ecosystem that brings together brands such as UNIASSELVI and UniCesumar, faced the challenge of evolving its digital portals at scale while preserving the visual identity and particularities of each institution. With different audiences, tones and needs, it was essential to ensure consistency across interfaces, simplify the creation of new pages and reduce rework for the teams.

Beyond the complexity of managing multiple brands, Vitru needed to turn its visual guide into a functional Design System capable of connecting design, content and development. The lack of a shared structure made it hard to reuse components and standardize experiences, calling for a solution that would bring more governance, predictability and speed to digital deliveries.

What we did

BRQ partnered with Vitru to build a multi-brand Design System, structured on a common foundation for UNIASSELVI and UniCesumar. The solution brought together semantic tokens, reusable components, experience patterns and shared rules, while respecting each brand's visual particularities.

Governance, documentation and validation mechanisms were also put in place, including a tool that analyzes Figma files to check adherence to the defined standards. Artificial intelligence was incorporated to accelerate design and development, supporting component creation, code generation and consistency checks between interfaces and implementation.

We also trained Vitru's internal design team and supported the validation of the new pages, ensuring the standards were applied and creating a structure ready for the continuous evolution of digital experiences.

What changed

  • More than 220 components delivered for UNIASSELVI and UniCesumar, expanding interface reuse and standardization.
  • 3x faster creation of consistent digital interfaces.
  • 30% higher sprint velocity, with artificial intelligence applied to development.
  • More than 90% adherence to the Design System in AI-assisted code.
  • More than 70 pages built with Design System components, demonstrating its practical use across the portals.
  • Design System structured in less than three months, establishing a functional foundation for both brands.
  • Greater consistency and governance, with documentation, reusable standards and validation mechanisms.
  • Accessibility built into the interfaces, expanding the design team's technical knowledge.
  • Enablement of Vitru's internal team, strengthening autonomy and the continuity of the brands' digital evolution.
Digital solutions

Customer success stories