Um painel de clínica com múltiplas especialidades — agenda da semana por profissional, prontuário a um clique, financeiro e indicadores do dia. Demo autoral, navegável: oito profissionais, status de consulta em tempo real, ficha do paciente com histórico e quatro gráficos de gestão. O protótipo de alta fidelidade que antecede o produto.

01 / O PROBLEMA
Agenda no caderno, prontuário na gaveta.
Clínica com vários profissionais e convênios diferentes vive um problema clássico: a recepção controla a agenda num lugar, o prontuário do paciente em outro, e o financeiro num terceiro. Quando o paciente liga, ninguém vê de uma vez a agenda do médico certo, o convênio dele e o histórico da última consulta.
O custo aparece em horário vago que ninguém preencheu, em retorno que não foi marcado e em faturamento que escapa. Eu quis mostrar a clínica inteira numa tela só — agenda, paciente e dinheiro no mesmo lugar — e construí o demo pra isso.
02 / A ABORDAGEM
A agenda é a tela inicial, não um menu escondido.
A escolha de design foi colocar a semana no centro. Você abre o painel, vê os seis dias e filtra por profissional num clique — oito médicos, cada especialidade com sua cor. Cada consulta carrega o status de verdade: confirmado, aguardando, em atendimento, atendido ou faltou.
Do bloco da consulta você abre a ficha do paciente num drawer lateral, com convênio, contato e o histórico das últimas consultas — sem trocar de tela, sem perder o lugar na agenda. Foi assim que resolvi a dor central: tudo a um clique do calendário.
03 / A CONSTRUÇÃO
Status ao vivo, ficha lateral, gestão em quatro gráficos.
Agenda por profissional, em cores. Seis colunas (segunda a sábado), filtro por médico e uma legenda de especialidade que pinta a semana inteira. Bate o olho e você lê a clínica.
Ficha do paciente sem sair da agenda. O prontuário abre num drawer com dados, convênio e histórico — pensado pra recepção que atende telefone enquanto navega.
Quatro gráficos de gestão. Consultas na semana, distribuição por especialidade, faturamento do semestre (recebido vs. previsto) e mix de convênios. O suficiente pro dono entender o mês sem abrir relatório.
O demo roda 100% no navegador, com dados fictícios. Em produção isso encosta em Next.js + Prisma + Postgres e numa integração de calendário e pagamento — mas o fluxo de recepção já está inteiro aqui.
04 / RESULTADO
A clínica inteira num link.
Em vez de prometer "um sistema de agendamento", eu mando o demo e a pessoa navega a própria rotina: filtra o médico, abre uma ficha, lê o financeiro. Seis telas, oito profissionais, cinco status de consulta ao vivo e quatro gráficos — num arquivo só, no celular ou no desktop.
É a peça autoral que abre conversa com clínica de verdade e deixa o escopo claro antes de qualquer linha de produção.
Telas
6
Especialidades
8
Status ao vivo
5
Arquivo
1 HTML
