01 · VISÃO GERAL

Um lugar mais calmo para passar o seu tempo

MitMind é um conceito de plataforma de saúde mental que eu criei. Ele reúne sessões com psicólogos licenciados, um diário de humor privado chamado Daily Feelings, cursos curtos e meditações, comunidades moderadas e palestras ao vivo.

Desenhei a primeira versão em 2024. Em 2026 voltei ao projeto com mais experiência e refiz tudo do zero: nova pesquisa, princípios de cuidado, um design system completo e 67 telas para desktop e mobile.

O desafio principal: quem faz terapia tem cerca de 4 horas de contato com o psicólogo por mês. O MitMind foi pensado para o resto do mês, de um jeito seguro, privado e que nunca julga como a pessoa se sente.

O que eu entreguei

• 67Telas em alta fidelidade58 desktop e 9 mobile, incluindo estados vazios, de carregamento e de erro
• 60+Componentes36 conjuntos de variantes, todos ligados a variáveis e estilos de texto
• 130Design tokensPrimitivos, cores semânticas e dimensões, com checagem WCAG
• 7Fluxos de protótipoDo onboarding ao agendamento, compartilhamento e eventos ao vivo

Meu papel e ferramentas

Projeto solo. Fui responsável por todo o product design: pesquisa, arquitetura da informação, regras de cuidado e privacidade, UX writing, design system e todas as telas. Trabalhei como faço com times de produto: entender o problema, definir princípios, construir o sistema e depois desenhar os fluxos.

• UX Research
• Avaliação heurística
• Arquitetura da informação
• UX Writing
• UI Design
• Design System
• Prototipação
• Acessibilidade
• Figma

Linha do tempo

1. 2024Versão 1Primeiro conceito: home, Daily Feelings, comunidades e sessões.
2. 2026 · Fase 1Pesquisa e auditoriaPesquisa desk, avaliação heurística da v1 e princípios de cuidado.
3. 2026 · Fase 2Design systemFundamentos, 130 tokens e mais de 60 componentes.
4. 2026 · Fase 3Telas e fluxos67 telas, estados, mobile e 7 fluxos clicáveis.

02 · PESQUISA

Entendendo o espaço entre as sessões

Comecei por dados públicos sobre saúde mental e tempo de tela no Brasil, e depois auditei a minha própria primeira versão com um olhar mais crítico.

O contexto em números

• 5%das pessoas no Brasil fazem psicoterapia
• 9h32online por dia, em média, no Brasil (média global: 6h58)
• ~4 hde contato com o psicólogo por mês, para quem faz terapia semanal

Métodos de pesquisa

• Pesquisa deskDados públicosNúmeros sobre acesso à terapia e tempo online no Brasil, para entender o tamanho da lacuna.
• AuditoriaAvaliação heurística da v1Revisei cada tela da v1 com as 10 heurísticas de Nielsen e fiz mais uma pergunta: isto parece seguro para alguém num dia ruim?
• BenchmarkAnálise competitivaPlataformas de terapia, apps de meditação e comunidades online. Cada um resolve uma parte do problema, nenhum conecta as partes.
• DiretrizesCuidado e acessibilidadeDiretrizes de comunicação segura para prevenção do suicídio, o CVV 188 no Brasil e a WCAG 2.2 AA.

Principais insights

1. 01As semanas entre as sessões ficam vaziasA terapia acontece em uma hora por semana. Os pensamentos, os dias ruins e as pequenas vitórias acontecem nas outras 167 horas, e a maior parte é esquecida antes da próxima sessão.
2. 02Emojis e vermelho julgam sentimentosA v1 usava emojis de desenho, incluindo um rosto chorando para "Super Sad". Num contexto de saúde mental, isso transforma um dia difícil em algo que parece errado ou constrangedor.
3. 03Privacidade é a condição para a honestidadeAs pessoas só escrevem a verdade num diário se controlam quem lê. Compartilhar com o terapeuta precisa ser explícito, limitado e fácil de interromper.
4. 04A ajuda precisa estar a um toqueA v1 não tinha nenhum caminho para uma crise. Um produto de saúde mental precisa dizer com clareza o que ele não é, e mostrar onde encontrar ajuda urgente em qualquer tela.

Proto-personas

Pessoas fictícias criadas a partir da pesquisa, usadas para guiar as decisões. São hipóteses para validar em testes de usabilidade, não resultados de entrevistas.

• AS

  Amanda Smith, 34Gerente de marketing · São Paulo
  • Terapia semanal
  • Agenda cheia

  Começou a terapia no ano passado. Dias de trabalho longos e muitas horas no celular. Quer manter vivo durante a semana o progresso das sessões.

  Objetivo

  Perceber padrões no seu humor e levá-los para a terapia.

  Frustração

  Apps de bem-estar que parecem dever de casa ou a punem por pular um dia.

  “Na quinta-feira eu já não lembro como me senti de verdade na segunda.”

• JA

  Jason Adams, 41Psicoterapeuta · Remoto
  • Psicólogo licenciado
  • Sessões online

  Atende a maioria dos pacientes por vídeo. Valoriza ter contexto, mas tem cuidado com ferramentas que coletam mais dados do que o necessário.

  Objetivo

  Começar cada sessão com contexto, sem pedir que o paciente preencha formulários.

  Frustração

  Plataformas em que o consentimento não é claro ou os dados são compartilhados por padrão.

  “Eu só quero ver o que o meu paciente escolheu me mostrar.”

• LR

  Lucas Rocha, 22Estudante universitário · Recife
  • Nunca fez terapia
  • Vive online

  Passa a maior parte do tempo livre nas redes sociais. Se sente ansioso há meses, mas não sabe por onde começar nem quanto custa a terapia.

  Objetivo

  Entender o que sente e encontrar ajuda que caiba no bolso.

  Frustração

  Sentir-se julgado, ou achar que o seu problema não é sério o bastante.

  “Eu nem sei se o que eu sinto é motivo para procurar alguém.”

03 · IDEAÇÃO

Colocando o cuidado dentro do produto

Transformei o problema em perguntas "Como poderíamos" e escrevi princípios de cuidado que toda tela precisava respeitar.

Como poderíamos

• Como poderíamos apoiar as pessoas nas semanas entre as sessões de terapia?
• Como poderíamos ajudar as pessoas a registrar como se sentem sem fazer um dia ruim parecer um fracasso?
• Como poderíamos permitir que a pessoa compartilhe o diário com o terapeuta mantendo controle total?
• Como poderíamos deixar a ajuda urgente fácil de encontrar sem deixar o produto inteiro com cara de clínica?

Princípios de voz e cuidado

1. 01Acolhedor, nunca clínicoDizer "um dia difícil", e não "humor negativo". Sem palavras de diagnóstico, sem promessas de cura.
2. 02Privado por padrãoOs dados de humor e do diário são visíveis só para a pessoa. Todo compartilhamento é explícito, limitado e revogável.
3. 03Ajuda a um toqueO apoio em crise fica na barra lateral e no rodapé. O MitMind nunca se apresenta como atendimento de emergência.
4. 04Sem puniçãoSem vermelho para humores baixos, sem cobrança por sequências. Estados vazios convidam, não dão bronca.
5. 05Hierarquia calmaUma ação principal por tela, mel só para conversão, bastante espaço em branco.
6. 06AcessívelContraste WCAG AA, áreas de toque de 40 px ou mais, anel de foco e texto ao lado de todo ícone de navegação.

Conceitos escolhidos

• Daily FeelingsUm check-in que leva menos de um minuto: cinco rostos de humor próprios, fatores opcionais e uma nota privada. O histórico e os insights mostram padrões, sempre lembrando que não são um diagnóstico.
• Compartilhar com consentimentoUm fluxo em duas etapas: escolher os dias e depois revisar exatamente o que o terapeuta vai e não vai ver, e por quanto tempo. Cada acesso fica registrado e dá para parar a qualquer momento.
• Apoio em crise em todo lugarUm card calmo na barra lateral no desktop e no rodapé no mobile, com o CVV 188. Quando uma busca indica que a pessoa pode estar sofrendo, o MitMind mostra apoio em vez de resultados.
• Agendamento em quatro passosEncontrar um terapeuta, ler o perfil, escolher um horário e pagar com cartão ou PayPal. Uma tela de erro de pagamento clara ajuda a resolver sem perder o horário.
• Learn e eventos ao vivoCursos curtos, meditações guiadas, vídeos e artigos, além de palestras ao vivo com psicólogos e suas gravações. O progresso fica salvo para continuar de onde parou.
• Comunidades moderadasGrupos em torno de experiências em comum, como viver com TDAH ou superar um término, em vez de um feed de pessoas para seguir.

04 · DESIGN

Do sistema às telas

Comparei a v1 com o que a pesquisa mostrou, construí o design system e depois desenhei todas as telas usando apenas os seus componentes.

Antes e depois

v1 · 2024

• Emojis de desenho para o humor, incluindo um rosto chorando
• Amarelo forte em todas as ações
• Layout de rede social, com pessoas para seguir
• Sem apoio em crise e sem sinais de privacidade
• 5 páginas: Home, Sessions, Daily Feelings, Learn, Saved

v2 · 2026

• Cinco rostos de humor próprios, do frio ao quente, nunca vermelho
• Sálvia como cor da marca, mel só para conversão
• Uma ação principal por tela e hierarquia calma
• Apoio em crise em todas as telas, selo "Privado" em cada registro
• 13 áreas do produto, 67 telas, desktop e mobile

Fundamentos visuais

Calmo, confiável e humano: uma interface silenciosa que dá espaço para respirar. A sálvia é a cor da marca (natureza, equilíbrio, respiração), o mel é um acento quente herdado do amarelo original, e o texto é grafite em vez de preto puro. A Plus Jakarta Sans dá uma interface neutra que contrasta com o logotipo manuscrito, com ícones Lucide de 1,5 px.

Paleta principal

• Sage 600#356C62 · Ação principal
• Sage 800#22453F · Cards de destaque
• Sage 50#F1F7F5 · Fundo da marca
• Honey 400#E3B146 · Conversão
• Graphite 900#1D2629 · Texto principal
• Neutral 25#FBFBF9 · Fundo do app

Design system

• Tokens130 variáveis. As escalas primitivas alimentam tokens semânticos como text/secondary ou action/accent, e o contraste é checado a partir dos próprios tokens.
• ComponentesMais de 60 componentes em 36 conjuntos de variantes: de botões e campos a opções de humor, cards de sessão, cards de terapeuta e opções de pagamento.
• LayoutBase de 4 px e ritmo de 8 px. Desktop 1440: header de 72 px, barra lateral de 248 px, 12 colunas. Mobile 390: 4 colunas com margens de 20 px.

Componentes do sistema

Principais decisões de design

1. 01Nunca vermelho para humor baixoAs cores de humor vão do lavanda ao mel. O vermelho só aparece em erros reais, como um pagamento recusado, nunca para sentimentos.
2. 02Privacidade que se vêToda tela do diário mostra "Privado · só você vê os seus registros". A tela de consentimento lista o que o terapeuta vai ver e o que não vai.
3. 03Check-ins, não sequênciasA home conta "12 check-ins este mês" em vez de uma sequência que se quebra. Pular um dia nunca zera nada.
4. 04Mel quer dizer "faça"O acento quente fica reservado para conversão, como Agendar sessão. Todo o resto é sálvia ou neutro, para a tela continuar calma.

Fluxos do protótipo

1. 1OnboardingBoas-vindas, cadastro, 4 perguntas, tudo pronto, home
2. 2Home e navegaçãoBarra lateral, header, notificações, menu do perfil, busca
3. 3Agendar sessãoBusca, perfil, horário, pagamento (cartão, PayPal, erro), confirmado
4. 4Daily FeelingsRegistro, histórico, compartilhar com consentimento, gerenciar
5. 5LearnCatálogo, curso, player de vídeo e de meditação
6. 6EventosLista, detalhe, sala ao vivo e gravação
7. 7MobileHome, sessões, agendamento, humor, Learn, player

Telas em alta fidelidade

Mobile

A jornada principal também funciona numa tela de 390 px: check-in, sessões, agendamento e player de meditação, com barra inferior e apoio em crise no rodapé.

• 
  Home
• 
  Daily Feelings
• 
  Pagamento
• 
  Player de meditação

05 · PLANO DE VALIDAÇÃO

Como vou medir

O MitMind é um conceito e ainda não foi testado com usuários. Estas são as metas que eu acompanharia na primeira rodada de testes de usabilidade.

Metas de sucesso

• < 60 sPara fazer um check-in do dia com uma nota
• ≥ 90%Dos participantes sabem dizer quem vê os seus registros depois de compartilhar
• < 10 sPara encontrar apoio em crise a partir de qualquer tela
• ≥ 80%Dos participantes agendam uma sessão sem ajuda

Teste de usabilidade planejado

Sessões moderadas com 5 pessoas: 3 que fazem terapia e 2 que nunca fizeram. Os resultados serão mostrados em gráfico por tarefa.

06 · CONCLUSÃO

Reflexão e aprendizados

O que funcionou, o que foi difícil e o que vem depois.

Desafios e trade-offs

• Acolhedor, mas claroEvitar palavras clínicas pode deixar o texto vago. Escrevi regras de voz com exemplos, para que cada mensagem seja gentil e ainda diga exatamente o que fazer.
• Privacidade ou compartilhamento útilO terapeuta precisa de contexto, a pessoa precisa de controle. Compartilhar por dia, notas opcionais, prazo e registro de acessos somam passos, mas cada passo constrói confiança.
• Escopo13 áreas de produto é muito para um designer só. Terminei primeiro a jornada principal com todos os estados e deixei o modo escuro e o tablet para depois.

Principais aprendizados