Psicologia Projeto de demonstração
Cais — consultório de psicologia que marca a primeira sessão por si
Um site de tinta marinha e candeeiro para um consultório na Foz do Douro: três escolhas rápidas sugerem um psicólogo e mostram as próximas horas livres, marcação da primeira sessão com consentimento explícito, preços claros, nota de sigilo e uma linha de crise sempre visível.
feitura.com/demo/cais — Ao vivo
Três psicólogos no Porto perdem pessoas no primeiro telefonema: ninguém quer explicar a uma rececionista porque precisa de ajuda. O site tem de eliminar essa chamada — sugerir com quem falar, mostrar horas reais, marcar num minuto — sendo honesto sobre preços, sigilo e o que fazer numa crise.
O que está lá dentro
- Encontrar encaixe: para quem é a sessão, presencial ou online, altura do dia — sugere um psicólogo e lista as três próximas horas livres, com um estado limpo quando não há horas
- Marcação da primeira sessão com nome, email, telemóvel e nota opcionais, e caixa de consentimento explícita — validação inline, só front-end
- Cartões da equipa com número de cédula, áreas de foco e uma linha de voz; qualquer psicólogo pode ser marcado diretamente
- Linha de crise (SNS 24, 112) no hero e no rodapé, nunca atrás de um clique
- Preços numa tabela simples com notas de recibo para seguros e cancelamento; sigilo explicado num parágrafo
- Tinta marinha com um único acento amarelo-candeeiro, linha de maré lenta sob o hero, mono para horas e números — sem fotografia
- Bilingue PT/EN, diálogo fechável por teclado, gestão de foco, movimento reduzido respeitado, layout a 375px
Registo de construção
- Direção de arte — tinta noturna, amarelo-candeeiro, linho; display humanista; estudos da linha de maré
- Hero com linha de crise; modelo do encaixe (público × formato × horário) e regras de sugestão
- Cartão de sugestão com próximas horas, recuperação sem horas, cartões da equipa
- Diálogo de marcação com consentimento e validação; sequência da primeira sessão; preços; consultório e mapa
- FAQ, revisão do texto bilingue, verificações de teclado e a 375px
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript