Clínica 360 — design system e fluxo da agenda à ficha
Design v0.3 (painel Netflow + menu expansível). Protótipo navegável para revisar visual, movimento, interação e acessibilidade antes da etapa 1 (fundação real com Laravel, MySQL e autorização no servidor).
Galeria do design system
Tokens, tipografia, componentes, estados, acessibilidade e white label.
Demonstração: agenda → ficha
Agenda do dia com arraste e alternativa por formulário, fila, registro de tempos e ficha do paciente.
Meu dia (painel)
Composição do painel: saudação, faixa de comunicado, resumo e quadro por situação.
Comunicação
Comunicados por setor/unidade com leitura e ciência; conversas com texto, áudio e anexos.
Ficha de exemplo
Paciente fictícia com odontograma, tratamento, documentos e financeiro.
Roteiro sugerido de revisão (10 min)
- Na agenda, arraste um agendamento “Agendado” para outro horário ou dentista e leia a confirmação.
- Abra um agendamento (clique ou Enter) e use Remarcar / duração — a alternativa sem arraste.
- Clique em um horário vazio, crie um agendamento e tente provocar um conflito.
- Registre a chegada de um paciente e veja a fila; troque “Ver como” para Dentista e inicie o atendimento.
- Abra a ficha de Ana Beatriz Moreira como Recepção e como Dentista e compare o que aparece.
- Em “Controles da demonstração”, simule conflito, falha de rede e sessão expirada.
- Recolha e expanda o menu pelo botão azul; ative o modo escuro no menu.
- Como Gerente (seletor “Ver como” na faixa da demonstração), publique um comunicado; como Recepção, abra e confirme ciência.
- Em Conversas, envie texto (Enter), simule falha e reenvie, anexe um arquivo e grave um áudio (o navegador pedirá o microfone).
- Repita no celular (ou janela estreita) e só com teclado (Tab, Enter, Esc, setas nas abas).