UI Design | Design System
Plataforma SaaS
Gestão para clínicas terapêuticas · Case de UI + Design System
Equipe
Design: Daiane Moreira – Front e Back-End: Kelly Reis – Infraestrutura: Murilo
Objetivo
Redesenhar o sistema SaaS da Evoluttivo. Apesar de seu porte, a missão da Evoluttivo é facilitar a vida de clínicas terapêuticas e consultórios de psicólogos, com objetivo de revolucionar o mercado.
Design System
Antes de iniciar o desenvolvimento, percebi que a Evoluttivo não possuía um Design System estruturado. Então, criei uma biblioteca completa com a ajuda da front-end, abrangendo componentes, variáveis, interações, botões, tipografia, grids, inputs, entre outros elementos essenciais.
Elaborei uma documentação detalhada para facilitar tanto o desenvolvimento do layout no Figma quanto a implementação no front-end, oferecendo uma referência clara para os componentes e variáveis, o que ajudaria a garantir consistência e agilidade em todo o processo.
Solução
- Barra de busca avançada: Incluí sugestões automáticas e filtros ajustáveis em tempo real.
- Redesign do checkout: Simplifiquei o fluxo para três etapas claras (Informação, Pagamento, Confirmação).
- Página de produto otimizada: Incluí visualizações rápidas, informações detalhadas e botões de ação claros.
Resultados
O sistema da Evoluttivo ainda está em andamento e sendo implementado. Mas com um novo Design System conseguimos pegar algumas percepções como:
• Menos tempo gasto na codificação de novos componentes.
• Menos explicações necessárias para descrever elementos.
• Design mais consistente.
