Vitru Educação

BRQ e Vitru Educação aceleram em 3x a criação de interfaces digitais com Design System multimarcas

Jovem de tranças e braços cruzados sobre fundo roxo com o grafismo de asterisco da Vitru

Serviços

  • Design System Multimarcas
  • Tokens Semânticos e Componentes Reutilizáveis
  • Governança e Documentação
  • IA Aplicada ao Design e ao Desenvolvimento
  • Capacitação do Time de Design

Como impactamos

Em parceria com a BRQ, a Vitru estruturou em menos de três meses um Design System multimarcas para UNIASSELVI e UniCesumar, com mais de 220 componentes, tokens semânticos e inteligência artificial aplicada à geração de código e à validação de aderência aos padrões.

Resultados

  • 3xMais velocidade na criação de interfaces digitais consistentes
  • +30%Na velocidade das sprints, com IA aplicada ao desenvolvimento
  • +220Componentes entregues para UNIASSELVI e UniCesumar
  • +90%De aderência ao Design System no código gerado com IA

O desafio

A Vitru Educação, ecossistema educacional que reúne marcas como UNIASSELVI e UniCesumar, enfrentava o desafio de evoluir seus portais digitais de forma escalável, preservando a identidade visual e as particularidades de cada instituição. Com diferentes públicos, linguagens e necessidades, era fundamental garantir consistência entre interfaces, simplificar a criação de novas páginas e reduzir o retrabalho dos times.

Além da complexidade de administrar múltiplas marcas, a Vitru precisava transformar seu guia visual em um Design System funcional, capaz de conectar design, conteúdo e desenvolvimento. A ausência de uma estrutura compartilhada dificultava a reutilização de componentes e a padronização das experiências, exigindo uma solução que trouxesse mais governança, previsibilidade e velocidade às entregas digitais.

O que fizemos

A BRQ atuou em parceria com a Vitru na construção de um Design System multimarcas, estruturado a partir de uma base comum para UNIASSELVI e UniCesumar. A solução reuniu tokens semânticos, componentes reutilizáveis, padrões de experiência e regras compartilhadas, respeitando as particularidades visuais de cada marca.

Também foram estabelecidos mecanismos de governança, documentação e validação, incluindo uma ferramenta de análise de arquivos do Figma para verificar a aderência aos padrões definidos. A inteligência artificial foi incorporada como aceleradora dos processos de design e desenvolvimento, apoiando a criação de componentes, a geração de código e a validação de consistência entre interfaces e implementação.

Realizamos ainda treinamentos com o time interno de design da Vitru e acompanhamos a validação das novas páginas, garantindo a aplicação dos padrões estabelecidos e criando uma estrutura preparada para a evolução contínua das experiências digitais.

O que mudou

  • Mais de 220 componentes entregues para UNIASSELVI e UniCesumar, ampliando a reutilização e a padronização de interfaces.
  • 3x mais velocidade na criação de interfaces digitais consistentes.
  • 30% de aumento na velocidade das sprints, com inteligência artificial aplicada ao desenvolvimento.
  • Mais de 90% de aderência ao Design System no código gerado com apoio de IA.
  • Mais de 70 páginas criadas utilizando componentes do Design System, demonstrando sua aplicação prática nos portais.
  • Design System estruturado em menos de três meses, estabelecendo uma fundação funcional para as duas marcas.
  • Maior consistência e governança, com documentação, padrões reutilizáveis e mecanismos de validação.
  • Acessibilidade considerada na construção das interfaces, ampliando o conhecimento técnico do time de design.
  • Capacitação do time interno da Vitru, fortalecendo a autonomia e a continuidade da evolução digital das marcas.
Soluções digitais

História de sucesso de clientes