Saúde Projeto de demonstração
Clínica Aurora — site acessível para clínica familiar
Um site desenhado para todos os pacientes de uma clínica familiar em Massamá: contraste próximo de AAA, tipografia sobredimensionada, CTA de marcação na zona do polegar e um pedido de consulta em três passos que qualquer pessoa consegue concluir.
feitura.pt/demo/clinica-aurora — Ao vivo
Uma clínica dentária e médica familiar em Massamá atende pacientes dos 0 aos 90 anos — muitos deles idosos, ansiosos ou com baixa visão. Precisam de um site que toda a sua base de pacientes consiga realmente usar: legível sem óculos, navegável por teclado e leitor de ecrã, com um pedido de marcação que demore menos de um minuto no telemóvel.
O que está lá dentro
- Pedido de marcação em três passos (especialidade → dia preferido → contacto) com validação inline
- CTA de marcação fixo na zona do polegar em mobile, sempre a um toque
- Grelha de especialidades com ícones SVG desenhados à mão que pré-preenchem o formulário
- Corpo de texto a 18px+, contraste próximo de AAA e estados de foco visíveis em todos os controlos
- Landmarks semânticos, skip link, confirmações aria-live e acordeão de FAQ navegável por teclado
- Secção de equipa com cédulas profissionais e avatares de iniciais — zero fotos de banco
- Horários, transportes e detalhes de acesso sem degraus para mobilidade reduzida
- prefers-reduced-motion respeitado em todas as animações e no scroll suave
Registo de construção
- Sistema de design: teal calmo + neutros quentes, escala tipográfica com base 18px, auditoria de contraste
- Hero, faixa de confiança e grelha de especialidades; desenho do conjunto de ícones SVG
- Fluxo de marcação em três passos com validação por passo e confirmação de demonstração
- Equipa, acordeão de FAQ (details/summary) e secção de horários + acessos com mapa SVG
- Passagem de acessibilidade: landmarks, skip link, estados de foco, aria-live, teste completo por teclado
- Recomposição responsiva a 768/1100px, CTA na zona do polegar, reduced-motion e QA final
Stack
- Laravel
- Inertia.js
- Vue.js
- TypeScript
- Tailwind CSS
Lighthouse
94
Performance
100
Accessibility
100
Best practices
100
SEO