Lumen
App conceito de check-in de pacientes. Uma exploração de linguagem visual editorial para saúde digital, prototipada do zero no Figma.
Saúde não precisa parecer planilha.
A maioria dos apps de gestão clínica e check-in segue uma estética funcional e fria, herdada dos prontuários eletrônicos. Quis explorar o oposto: uma interface que acolhe, com linguagem editorial, tipografia com personalidade e atenção a microinterações, sem perder a clareza funcional.
Lumen nasceu como projeto autoral para testar essa tese: é possível um app de saúde ser tão bem cuidado visualmente quanto um app de viagem ou de finanças premium?
Duas linguagens para a mesma jornada.
Explorei duas variações da home (uma clássica, mais direta, e outra editorial, com tipografia serif expressiva) para testar qual registro conversa melhor com o público.
Exames, check-in e fila em um só app.
O coração do Lumen: lista de exames agendados, detalhe com orientações, check-in no dia e fila ao vivo. Tudo desenhado para acolher o paciente em momentos que costumam ser pesados.
Entrega dos exames e relacionamento com o paciente.
Depois do atendimento, o paciente recebe resultados com leitura guiada, notificações contextuais e acessa o próprio perfil. Tudo em uma estética coerente, serena e com tipografia generosa.
Do zero, no Figma, com foco em sistema.
Todo o Lumen foi construído no Figma partindo de uma página em branco: wireframes iniciais, definição de grid e tokens, alta fidelidade, variações de tema e protótipo navegável. A prioridade foi consolidar um sistema visual robusto antes de desenhar telas específicas, para que cada tela nascesse coerente.
- Tokens de cor, tipografia e espaçamento como ponto de partida
- Componentes reutilizáveis (cards, listas, botões, chips, status) com variantes dark/light
- Duas famílias tipográficas: serif expressiva nos títulos e sans geométrica na UI
- Duas variações da Home (Clássica e Editorial) para comparar registros visuais
- Protótipo com interações e navegação entre telas, pronto para testes de usabilidade
Um caminho estético diferente para saúde digital.
Lumen é um exercício de direção de UX: como seria um produto de saúde pensado com o carinho visual de um app editorial, sem sacrificar a clareza funcional? A resposta mora num sistema visual coeso, duas variações de home e um fluxo clínico completo, tudo navegável como protótipo.
Fontes & cores
UVWXYZ 0123456789 !@#$%
Teste agora.
Abaixo está o protótipo interativo do Lumen. Navegue entre login, home, exames, check-in, fila, resultados, notificações e perfil, em dark e light. O painel lateral permite alternar tema, idioma e cenários.