A Persona Ideal

Mapeamento de comportamento, rotina e necessidades estruturado para validar a proposta de valor do aplicativo.

Mariana Souza

A Universitária Sobrecarregada

Idade: 22 anos
Ocupação: Estudante de Graduação & Estagiária
Localização: Recife - PE (Clima quente/úmido)
Frequência de Água: ~800ml por dia (Nível crítico)
Contexto & Rotina: Mariana enfrenta jornadas triplas (estágio, trânsito e faculdade). O tempo prolongado em salas com ar-condicionado mitiga a percepção sensorial de sede, fazendo com que ela substitua a água por doses excessivas de café para manter o foco.

Dores Principais

  • Quadros de fadiga e dores de cabeça vespertinas recorrentes.
  • Esquecimento crônico gerado pelo foco em outras atividades.
  • Aversão a apps complexos com cadastros e inputs manuais demorados.

Objetivos

  • Criar consistência de hidratação sem acrescentar burocracia ou estresse.
  • Melhorar o desempenho cognitivo e bem-estar físico.
  • Uma interface fluida, rápida e livre de anúncios corporativos agressivos.

Alinhamento da Solução

Registro em 1 Toque

Sanidade de fluxo: Mariana consome e registra instantaneamente, quebrando a barreira da preguiça ou falta de tempo.

Alertas Inteligentes

Atuação preventiva: o aplicativo envia estímulos de notificação nos momentos de maior foco e desidratação clínica do dia.

Recompensa Comportamental

Gamificação leve: medalhas e dias seguidos transformam a ingestão hídrica em um objetivo divertido e gamificado.

O Design System

A identidade visual do ContaGotas foi projetada para alinhar a leveza do elemento hídrico com o profissionalismo acadêmico da extensão.

Paleta de Cores & Psicologia

Primary (Aqua Blue) · #0EA5E9

Motivo da escolha: Evoca diretamente a água, o frescor e a clareza. É a cor ativa do projeto, usada para guiar o olho do usuário para as principais interações e barras de progresso.

Secondary (Deep Ocean) · #1E3A8A

Motivo da escolha: Traz o contraste de profundidade, seriedade e solidez institucional. Garante a autoridade visual do projeto de extensão e assegura excelente acessibilidade de leitura.

Accent Green (Mint) · #14B8A6

Motivo da escolha: Simboliza saúde preventiva, vitalidade e equilíbrio biológico. É aplicada em elementos de sucesso, como metas concluídas, conquistas e medalhas ganhas.

Warning Color (Coral) · #FB923C

Motivo da escolha: Usada cirurgicamente para quebrar a frieza dos tons azuis. Indica estados de alerta ou urgência, como longos períodos em que o usuário esqueceu de beber água.

Tipografia

Display Font (Instrument Serif)
Cada gota conta. Sua saúde também.

Uso: Títulos principais. O contraste elegante do serifado clássico com o toque itálico humaniza a marca, tornando-a acolhedora e editorial.

Body Font (Inter)
Interface simples, com texto legível e navegação 100% intuitiva para o usuário.

Uso: Textos corridos, botões e dados. Uma fonte geométrica sem serifa extremamente limpa, focada em legibilidade máxima em qualquer tamanho de tela.

Tokens de Interface

24px / 32px
Border Radius (Cantos)
Glassmorphism
Efeito Blur em Navbars
Soft Shadows
Sombra de Elevação
1240px
Max Container Grid