App de hidratação inteligente como projeto de extensão da LIAD UNINASSAU. Projeto solo — do briefing social ao protótipo navegável, passando por Design System próprio, site institucional e arquitetura do app.
O ContaGotas começou como uma pergunta da Liga Acadêmica de Dados (LIAD): como tecnologia acessível pode resolver um problema de saúde pública negligenciado? Hidratação inadequada é um dos pilares mais ignorados da saúde — afeta cognição, digestão e energia, mas raramente vira foco de produto.
Minha primeira decisão foi não começar pelo app. Comecei pela pesquisa social e pelo Design System — porque a meta era escalar pra comunidade acadêmica, escolas e parques. Cada interface (site, app, materiais educativos) precisava falar a mesma língua visual desde o dia um.
Toquei o projeto de ponta a ponta: pesquisa, arquitetura de informação, identidade visual, design system, protótipo navegável e desenvolvimento do site institucional — tudo em paralelo com o briefing acadêmico da LIAD UNINASSAU.
Documentação viva dos tokens, componentes, princípios de acessibilidade e padrões de microcopy do ContaGotas. O DS define a identidade visual do projeto — tipografia, escala de espaçamento, paleta e estados — e serve de fonte única para o site, o app e materiais impressos da liga.
A meta diária se calcula sozinha a partir de peso, idade e rotina. Pesquisa de campo mostrou que usuários abandonam apps de saúde no primeiro setup quando precisam calcular alguma coisa. A solução: o app pergunta o mínimo, decide o resto e deixa a meta ajustável depois — não antes.
Sequências e conquistas existem — mas sem streaks punitivos. Perder um dia não zera nada. A psicologia: hidratação é hábito, não desafio. Quem cai do vagão precisa de um acolhimento, não de um lembrete de culpa. Esse princípio também moldou o tom dos lembretes ("já faz um tempo desde sua última gota").
Contraste AA mínimo, ícones com legenda em texto, áreas de toque ≥ 44px, tipografia legível até em low vision. Decisão tomada antes do primeiro mock — porque consertar a11y depois é caro e quase sempre superficial. O DS já nasce com as tokens de contraste validadas.
A LP fala com professores, gestores e instituições — não com o usuário final. Por isso a copy ataca impacto social ("4 etapas extensionistas", "+20h carga horária") antes de funcionalidades. O download fica acessível, mas o argumento é institucional.
Construímos o protótipo do app em HTML/CSS estáticos antes de bater martelo em React Native ou Flutter. Isso liberou validação rápida com a comunidade — cinco usuários reais clicaram a jornada inteira em pesquisa de campo, antes de qualquer linha de código nativo.
Versão estática que simula a jornada principal do app: onboarding, tela inicial com meta diária, registro rápido de copos e visualização de progresso. Foi com esse protótipo que validamos a usabilidade com cinco usuários antes de iniciar o desenvolvimento mobile nativo.