Todos os projetos

Lacrei Saúde.

Redesenho do app e do site da Lacrei Saúde, que conectam pessoas LGBTQIAPN+ a profissionais de saúde afirmativos, da busca ao cuidado contínuo.

Me dê um Oi!
Projeto de
UX/UI Design
Ano
2026
Conclusão
1 Semana
Tipo de Projeto
Lacrei Saúde - Projeto Voluntário.
Capa do projeto Lacrei Saúde

Resumo

A Lacrei Saúde conecta pessoas LGBTQIAPN+ a profissionais de saúde que acolhem. Na primeira versão, a jornada terminava em “ligue para agendar”. No redesenho, como projeto voluntário, levei o cuidado até o fim: agendamento na tela, teleconsulta, documentos digitais e acompanhamento, sempre com nome social e pronomes respeitados.

Meu papel
UX/UI Designer, projeto voluntário
Plataformas
App e site
Para quem
Pacientes LGBTQIAPN+ e profissionais de saúde
Ferramentas
Figma

01Contexto

O cuidado parava na ligação

Escolhi esse projeto por vontade própria, porque acredito que UX bem feito também reduz barreiras de acesso ao cuidado. Na primeira versão, a pessoa encontrava o profissional, mas tinha que ligar para agendar, e ligar nem sempre é possível ou confortável.

Os cards tinham pouca informação, o início era uma vitrine institucional e nada acontecia depois da consulta.

“Como transformar um diretório de contatos numa experiência completa de cuidado, sem perder o acolhimento que define a Lacrei?”

Tela inicial do app da Lacrei Saúde
As quatro dores da primeira versão

02Pesquisa

Do diagnóstico às perguntas certas

Revisei as telas da primeira versão com heurísticas de usabilidade, analisei Doctoralia, Conexa Saúde e Zocdoc e me apoiei na WCAG 2.1 e na LGPD. A pesquisa virou três personas: duas pessoas que buscam cuidado e uma profissional que atende.

“Respeito à identidade é requisito de segurança, não detalhe de cadastro.”

O que cada persona precisa

  • Lucas: encontrar e agendar um profissional afirmativo em poucos toques
  • Sam: ter nome social e pronomes respeitados em toda a jornada
  • Dra. Mariana: atender, registrar e prescrever num único fluxo
Como a pesquisa foi feita e as perguntas que guiaram o estudo
As três personas do projeto
Jornada do Lucas, da indicação à receita
Necessidade e insight de cada persona

03Definição

Cada dor virou uma decisão

Transformei cada dor numa solução e cruzei impacto com viabilidade para decidir o que entrava primeiro: agendamento na tela, cards com modalidade e horário livre e nome social visível. Teleconsulta, receita digital e o assistente de IA no prontuário ficaram para a etapa seguinte.

Tabela de dores e soluções
Priorização por impacto e viabilidade
Arquitetura de informação do app e do site

04Interface

Verde acolhedor e tipografia arredondada

O verde, a fonte Baloo 2 e os símbolos da diversidade traduzem segurança, orgulho e cuidado. Os botões têm 44 px de altura e foco sempre visível, e chips, tags e horários seguem a mesma lógica.

  • Verde#018762 · Ação principal
  • Verde escuro#024835 · Hover e menu
  • Verde claro#E6F5EE · Fundos suaves
  • Cinza#6D6D6D · Texto de apoio
Cores e botões do UI Kit

05Telas

Da busca à receita, para quem busca e para quem atende

O início passou a ser de quem já tem conta: saudação, busca e próxima consulta. O perfil do profissional mostra pronomes, selo de CRM verificado, serviços e valores, e o agendamento acontece na tela, com resumo antes de confirmar.

Do lado de quem atende, a agenda mostra ocupação e risco de falta, e o atendimento por vídeo fica ao lado do prontuário.

Telas do fluxo do paciente no celular
Início, perfil e agendamento em alta fidelidade
Agenda e atendimento do profissional no desktop

06Acessibilidade

Contraste verificado par a par

Auditei os pares de cor do UI Kit pela WCAG 2.1: 7 de 10 passam AA para texto normal, e os outros 3 ficam restritos a texto grande ou uso decorativo até a próxima correção. A informação nunca aparece só pela cor, e há filtros de Libras e local acessível.

  • 7 de 10pares de cor passam AA
  • 44 pxde altura nos botões
  • 3pares com uso restrito
Resumo da auditoria de contraste e decisões de acessibilidade
As seis principais mudanças do redesenho

07Próximos passos

Validar com quem usa e com quem atende

O protótipo navegável conecta as telas em dois fluxos, paciente e profissional, no celular e no computador. O próximo passo é testar com pessoas reais.

  • Testes com pacientes e profissionais em tarefas reais
  • Corrigir os 3 pares de contraste abaixo de 4,5:1
  • Validar a teleconsulta em conexões instáveis e com leitores de tela
  • Acompanhar agendamentos sem ligação, faltas e satisfação depois da consulta
Próximos passos do produto

08Aprendizados

O que levo desse case

Acolhimento é requisito de interface: nome social, pronomes e afinidade entram em filtros e perfis, não só no discurso. E fluxos completos valem mais que telas bonitas, porque o valor aparece quando busca, agendamento e pós-consulta se conectam.