Visão geral
Strongest Families Institute é uma organização sem fins lucrativos canadense que oferece programas de saúde mental baseados em evidências para crianças, jovens, adultos e famílias em 10 províncias. A plataforma IRIS é a espinha dorsal digital dessa entrega — um sistema web onde pacientes acessam materiais de intervenção e coaches gerenciam casos, acompanham o progresso e se comunicam com os clientes. Em 2021, a plataforma estava em sua primeira versão: funcional, mas mostrando sua idade. A SFI estava se preparando para uma nova rodada de investimento, e uma plataforma modernizada era um dos critérios para avançar. Fui contratado como líder de UX, responsável pelo redesign completo.
O desafio
O IRIS tinha dois grupos de usuários distintos com necessidades muito diferentes: pacientes navegando por um programa de saúde mental (frequentemente em sofrimento, precisando de clareza e calma), e coaches gerenciando múltiplos casos simultaneamente (precisando de eficiência e dados de relance). A plataforma original não atendia bem a nenhum dos dois — não era responsiva, a arquitetura de informação tornava as tarefas principais mais difíceis do que precisavam ser, e o design visual não havia evoluído desde o lançamento. O redesign precisava servir a ambos os lados da plataforma enquanto cumpria um prazo rígido vinculado ao processo de investimento. Não havia uma equipe de desenvolvimento esperando — meu entregável era o arquivo Figma completo a partir do qual a equipe poderia construir diretamente.
Meu papel e processo
Descoberta e arquitetura de informação
- Mapeamento de todos os fluxos existentes em ambos os lados do IRIS — o voltado ao paciente e o do coach/pessoal — para identificar problemas estruturais antes de tocar na camada visual
- Produção de mapas do site e documentação de jornadas do usuário cobrindo o escopo completo de ambas as plataformas
- Levantamento de requisitos por meio de sessões com os stakeholders da liderança da SFI, alinhando decisões de design com os critérios da rodada de investimento
Design system e interface do usuário
- Construção de um design system do zero no Figma — tokens de cor, escala tipográfica, sistema de espaçamento e uma biblioteca de componentes completa cobrindo todos os padrões de UI utilizados em ambas as plataformas
- Aplicação dos padrões de acessibilidade WCAG em tudo: taxas de contraste, navegabilidade por teclado, estrutura amigável para leitores de tela — especialmente crítico em um contexto de saúde mental
- Design para responsividade completa desde a base, resolvendo uma das limitações fundamentais da plataforma original
Prototipagem e testes de usabilidade
- Construção de protótipos interativos de alta fidelidade no Figma cobrindo todas as telas e fluxos de ambas as plataformas
- Realização de sessões de testes de usabilidade com os protótipos, medindo a conclusão de tarefas e os pontos de abandono nos fluxos principais
- Iteração com base nos resultados dos testes — a rodada final de testes mostrou uma melhoria de 25% nas pontuações de usabilidade em comparação com os fluxos da plataforma original
- Entrega do arquivo Figma completo como entregável pronto para desenvolvimento — anotado, baseado em componentes, com todos os estados e casos extremos cobertos — e estabelecimento do design system e do processo de handoff de QA para a construção
Resultados e impacto
O redesign apoiou uma rodada de investimento bem-sucedida de US$ 2 M. A plataforma está desde então no ar — login.strongestfamilies.com — com o desenvolvimento prosseguindo a partir do entregável no Figma. A melhoria de 25% nas pontuações de usabilidade durante os testes validou as mudanças arquiteturais feitas nas experiências do paciente e do coach. Como líder de UX no projeto, cada artefato — da arquitetura de informação ao protótipo final — foi produzido de ponta a ponta.