Fisioterapia Projeto de demonstração
Eixo — clínica de fisioterapia com um mapa do corpo tocável e agenda real
Um site papel-neutro-e-oliva para uma clínica em Aveiro: toque numa de seis zonas de uma figura desenhada, diga há quanto tempo dói, e leia o que uma primeira avaliação costuma fazer para essa zona e quantas sessões são habituais — depois escolha uma hora real e marque. A primeira consulta explicada minuto a minuto, preços por sessão, convenções, e uma linha clara sobre quando ir à urgência em vez disso.
feitura.com/demo/eixo — Ao vivo
Quem tem dores pesquisa à noite e quer duas coisas antes de marcar: o que me vão fazer, e quanto tempo demora. O site responde às duas por zona do corpo, assinala-as honestamente como médias, e põe a linha de urgência onde não passa despercebida.
O que está lá dentro
- Mapa do corpo tocável: seis zonas numa figura desenhada, operável por teclado, espelhado por chips; cada zona tem queixas típicas, o que a avaliação faz e um intervalo de sessões
- Alternância 'há quanto tempo' com uma nota clara por resposta (recente, semanas, crónico)
- Horas de primeira avaliação em cinco dias, estados livre e ocupada; o botão de marcar só acorda com zona e hora
- Folha de marcação que leva zona, duração e hora, com campo de seguro; validação inline, só front-end
- Primeira consulta em três partes cronometradas, preços por sessão sem pacotes obrigatórios, convenções, clínica em números, mapa, FAQ
- Um aviso de urgência por baixo do mapa, nunca escondido
- Display humanista (Optima/Candara), uma única cor de ação oliva e damasco só para a zona selecionada — sem fotografia; bilingue PT/EN, alvos de 44 px, movimento reduzido respeitado
Registo de construção
- Direção de arte — papel neutro, oliva, damasco; display humanista; a figura
- Zonas do mapa, teclado, conteúdo por zona e intervalos de sessões
- Alternância de duração, horas, marcação condicionada e folha
- Primeira consulta, preços e convenções, clínica e mapa
- FAQ, revisão do texto bilingue, verificações de teclado e a 375px
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript