Apus TI - Case Completo
Um projeto abrangente de Design System, Governança e Discovery para um sistema educacional SaaS B2B complexo, integrando múltiplos módulos e atendendo diversos perfis de usuários.
O Desafio
A Apus TI desenvolveu um produto SaaS B2B extremamente complexo voltado para grupos escolares e secretarias municipais de educação. O sistema integrava dois grandes módulos que precisavam se comunicar perfeitamente:
Módulo Acadêmico
Focado em professores, alunos e pais, oferecendo funcionalidades como provas, avaliações, controle de faltas, históricos escolares, análises de desempenho e provões.
Módulo Administrativo
Completo sistema de gestão incluindo documentos, RH de funcionários e professores, merenda escolar, análises de desempenho, provões, boletos, pagamentos, administrativo e financeiro, RH, operações e muito mais.
O principal desafio era criar uma experiência unificada e consistente em um sistema extremamente complexo, com múltiplos fluxos, diversos perfis de usuários e funcionalidades que se interconectavam de forma intrincada. Além disso, era necessário estabelecer uma base sólida de design que permitisse escalabilidade e manutenção a longo prazo.
O Processo
1. Discovery e Pesquisa
Iniciei o projeto com um extenso trabalho de Discovery para entender profundamente as necessidades de todos os stakeholders envolvidos. Realizei entrevistas com secretários municipais de educação, diretores de escolas, coordenadores pedagógicos, professores, alunos e pais. Analisei os fluxos existentes, identifiquei pontos de dor e oportunidades de melhoria.
A pesquisa revelou a complexidade do sistema e a necessidade de criar uma experiência que fosse intuitiva para usuários com diferentes níveis de conhecimento técnico, desde professores que precisavam usar o sistema diariamente até secretários que precisavam gerar relatórios complexos.
2. Design System do Zero
Com base nas descobertas do Discovery, desenvolvi um Design System completo do zero. O sistema incluía:
- Paleta de cores extensa e bem definida
- Sistema tipográfico completo
- Biblioteca de componentes reutilizáveis
- Padrões de layout e estrutura
- Sistema de espaçamento consistente
- Diretrizes de uso e boas práticas
3. Templates e Padronização
Criei uma série de templates padronizados para as diferentes telas e fluxos do sistema. Isso acelerou significativamente o desenvolvimento de novas funcionalidades e garantiu consistência visual e funcional em todo o produto.
Os templates foram desenvolvidos pensando em diferentes contextos de uso: desde telas simples de consulta até dashboards complexos com múltiplas visualizações de dados.
A Solução
O Design System desenvolvido foi estruturado para ser extremamente flexível e escalável, permitindo que o sistema crescesse sem perder consistência. A arquitetura de componentes foi pensada para facilitar a manutenção e evolução contínua do produto.
Interface Unificada
Criei uma interface que unificava os dois módulos principais do sistema, garantindo que a transição entre o módulo acadêmico e administrativo fosse fluida e intuitiva. O design priorizou clareza e organização, essenciais em um sistema com tantas funcionalidades.
Os dashboards foram projetados para apresentar informações relevantes de forma clara e acessível, permitindo que diferentes perfis de usuários encontrassem rapidamente o que precisavam.
Design System Completo
O Design System incluía uma paleta de cores cuidadosamente escolhida para transmitir confiança e profissionalismo, essenciais em um sistema educacional. A tipografia foi otimizada para leitura em telas, com diferentes pesos e tamanhos para criar hierarquia visual clara.
A biblioteca de componentes foi desenvolvida pensando em reutilização e consistência. Cada componente foi documentado com exemplos de uso, variações e diretrizes de quando e como utilizá-lo.
Governança e Acompanhamento
Estabelecimento de Governança
Criei processos de governança de design para garantir que o Design System fosse seguido consistentemente por toda a equipe de desenvolvimento. Isso incluía revisões de design, documentação completa e treinamentos para a equipe.
Acompanhamento Contínuo
Mantive um acompanhamento ativo do produto durante todo o desenvolvimento e após o lançamento. Analisei métricas de uso, coletei feedback dos usuários e identifiquei oportunidades de melhoria contínua.
Evolução do Sistema
O Design System foi evoluindo ao longo do tempo, incorporando novas necessidades e melhorias identificadas. A governança estabelecida garantiu que essas evoluções fossem feitas de forma controlada e documentada.
Resultados e Impacto
Consistência e Escalabilidade
O Design System garantiu consistência visual e funcional em todo o produto, mesmo com sua complexidade. Isso facilitou a manutenção e permitiu que o sistema escalasse sem perder qualidade.
Aceleração do Desenvolvimento
Os templates e componentes reutilizáveis aceleraram significativamente o desenvolvimento de novas funcionalidades. A equipe de desenvolvimento pôde focar na lógica de negócio, sabendo que os padrões de design já estavam estabelecidos.
Experiência do Usuário
A interface unificada e consistente melhorou significativamente a experiência dos usuários, facilitando a navegação e o uso do sistema. Os diferentes perfis de usuários conseguiram encontrar e utilizar as funcionalidades de forma mais eficiente.
Tecnologias e Ferramentas
Para este projeto, utilizei uma variedade de ferramentas e metodologias:
Design e Prototipagem
Figma para criação do Design System, componentes e protótipos interativos. Utilizei variáveis do Figma para gerenciar tokens de design e garantir consistência.
Pesquisa e Discovery
Entrevistas estruturadas, análise de fluxos, criação de personas e jornadas do usuário. Análise de métricas de uso e feedback contínuo dos usuários.
Documentação
Criação de documentação completa do Design System, incluindo guias de uso, padrões de componentes e diretrizes de governança. Documentação de processos e melhores práticas.
Conclusão
O projeto Apus TI foi um desafio único que me permitiu aplicar toda minha experiência em Design System, governança e descoberta de produto em um contexto extremamente complexo. A criação de um Design System robusto e escalável, combinada com processos de governança bem estabelecidos, garantiu que o produto pudesse evoluir de forma consistente e eficiente.
Este projeto demonstra minha capacidade de trabalhar com sistemas complexos, múltiplos stakeholders e necessidades diversas, sempre mantendo o foco na experiência do usuário e na qualidade do design. A combinação de pesquisa profunda, design estratégico e governança eficaz resultou em um produto que atende às necessidades de todos os seus usuários.
O trabalho de acompanhamento contínuo e melhoria iterativa garantiu que o sistema evoluísse de forma alinhada com as necessidades reais dos usuários, criando valor tanto para a Apus TI quanto para seus clientes.
Home
Projetos
Cases
LinkedIn