LEO App: Estruturando a Experiência do Usuário para o Futuro do Desenvolvimento Infantil. Da Pesquisa à Prototipagem de um Superapp Complexo.
O LEO App é o primeiro superapp brasileiro de desenvolvimento infantil, criado para unificar a jornada de crianças neurodivergentes conectando famílias, terapeutas e escolas. Como Consultor de UX/UI freelancer, minha missão foi liderar a estratégia de experiência do usuário, transformando fluxos clínicos complexos e fragmentados em uma plataforma digital intuitiva, coesa e acolhedora. O projeto abrangeu o ciclo completo de design, desde a pesquisa com usuários até a prototipagem de alta fidelidade e a fundação do Design System.Processo
O Desafio: Integrando Dados, Reduzindo a Sobrecarga
A área de desenvolvimento infantil é marcada por dados descentralizados, comunicação assíncrona e uma alta carga de trabalho administrativo para os terapeutas. Famílias se sentem perdidas em meio a relatórios desconexos e os profissionais gastam um tempo precioso em tarefas repetitivas, em vez de focar no que mais importa: a criança.
O desafio de negócio era claro: criar uma experiência de produto que não apenas centralizasse as informações, mas que também se tornasse uma ferramenta clínica inteligente e indispensável para o terapeuta.
Nossa pergunta central era: Como podemos redesenhar os fluxos de trabalho clínicos para serem mais rápidos, intuitivos e colaborativos, refletindo a proposta de valor do LEO App de transformar dados em clareza?
Meu Papel e Responsabilidades
• UX Research: Conduzi entrevistas qualitativas com terapeutas para mapear suas dores, necessidades e fluxos de trabalho atuais.
• Arquitetura da Informação e Jornada do Usuário: Defini e documentei as jornadas principais do usuário, reestruturando a arquitetura da informação para garantir clareza e escalabilidade.
• Design de Interface e Prototipagem: Criei wireframes, fluxos e protótipos de alta fidelidade no Figma, com foco total em usabilidade, responsividade e acessibilidade.
• Design System: Iniciei a criação e evolução do Design System do produto, estabelecendo componentes, padrões e tokens para garantir consistência visual e agilidade no desenvolvimento.
• UX Writing: Redefini a comunicação da interface (microcopy), tornando-a mais clara, empática e alinhada à voz da marca.
• Testes de Usabilidade: Apliquei e analisei testes moderados para validar hipóteses de design e propor melhorias contínuas.
Metodologia: Uma Abordagem Centrada no Usuário e Ágil
Para um produto tão complexo, adotei um processo iterativo, garantindo que cada decisão de design fosse fundamentada em dados e na colaboração com o time.
- Descoberta e Pesquisa (Discovery & Research)
A primeira etapa foi uma imersão profunda no universo dos terapeutas. Através de entrevistas semiestruturadas, identifiquei os principais pontos de fricção: dificuldade em registrar dados durante as sessões, confusão na criação de planos de intervenção e a falta de uma visão unificada do progresso da criança. Essas descobertas foram cruciais para priorizar os problemas a serem resolvidos.
- Definição e Estratégia
Com as percepções da pesquisa, utilizei o Figjam para facilitar dinâmicas e mapear a jornada do usuário completa. Isso nos permitiu visualizar a experiência de ponta a ponta e identificar oportunidades de otimização. Colaborei de perto com os stakeholders para definir os requisitos do produto e alinhar a visão de design com os objetivos de negócio.
- Ideação e Design
Com o problema bem definido, o trabalho de design no Figma começou:
- Wireframes e Fluxos: Criei wireframes média fidelidade para estruturar as telas e validar os fluxos de navegação principais, como “Registro de Sessão” e “Criação de Plano Terapêutico”.
- Evolução do Design System: Paralelamente, comecei a estruturar o Design System. Criei componentes (botões, inputs), variantes e apliquei auto layout, pensando na manutenção e escalabilidade futuras.
- Interfaces e Protótipos de Alta Fidelidade: Com a base do DS estabelecida, desenvolvi as interfaces finais e protótipos navegáveis. O foco foi criar um design limpo, acessível e que transmitisse a identidade acolhedora da marca, com atenção especial às microinterações que guiam o usuário.
- Validação e Handoff
Realizei testes de usabilidade moderados com terapeutas utilizando o protótipo no Figma e também versões programadas pelos desenvolvedores. O feedback validou a nova arquitetura da informação e revelou pontos de melhoria na copy, que foram iterados rapidamente. O handoff para a equipe de desenvolvimento foi feito de forma contínua, participando de cerimônias ágeis (Scrum/Kanban) para garantir que a visão de design fosse implementada com fidelidade.
A Solução: Uma Ferramenta Clínica Inteligente e Humana
A solução foi a reestruturação completa dos fluxos clínicos do terapeuta dentro do superapp, transformando a ferramenta de um simples repositório de dados para uma assistente clínica proativa.
- Fluxo de Registro Otimizado: A interface de registro de sessão foi redesenhada para ser preenchida em poucos cliques, com uma hierarquia clara entre Demanda, Objetivo e Atividade, eliminando a ambiguidade do sistema anterior.
- Design System Escalável: A implementação de um Design System inicial garantiu consistência visual em toda a plataforma e permitiu que novas funcionalidades fossem projetadas e desenvolvidas com muito mais agilidade.
- Comunicação Empática com UX Writing: Toda a linguagem da plataforma foi refinada para ser mais profissional e acolhedora (ex: “Dificuldade” foi substituído por “Demanda”), guiando o usuário e reduzindo a carga cognitiva.
- Protótipo Responsivo e Abrangente: O resultado foi um protótipo de alta fidelidade completo, cobrindo as jornadas essenciais no mobile e desktop, servindo como uma fonte única da verdade para o time de desenvolvimento.
Resultados e Aprendizados
- O feedback qualitativo dos testes de usabilidade foi extremamente positivo, com terapeutas relatando que a nova interface era “muito mais clara e profissional” e que “economizaria muito tempo no dia a dia”.
- A nova arquitetura da informação foi validada como sendo mais lógica e intuitiva, reduzindo a curva de aprendizado para novos usuários.
- A criação da base do Design System acelerou o processo de design de novas features.
- Principal Aprendizado: Em um projeto com múltiplos stakeholders, a habilidade de apresentar e defender decisões de design de forma clara e objetiva é tão crucial quanto a própria execução do design. Facilitar dinâmicas colaborativas foi fundamental para garantir o alinhamento e o sucesso do projeto.
UX
Mapa de Jornada (via FigJam)
UI
Resultado
