Website OptiClinic Eye Care
Website de clínica de saúde ocular com 10 secções distintas: hero, serviços, sobre, sensibilização para a prevenção da cegueira, testemunhos, foco na visão, inspiração, 5 localizações de clínicas, 16 parcerias com seguradoras e formulários de contacto. Apresenta equipamento médico avançado e uma oferta de serviços completa, incluindo controlo da miopia, contactologia e optometria pediátrica.
Construído com React 19 e Framer Motion, com animações fluidas em todo o site, de fundos de partículas animados a revelações de secções acionadas pelo scroll. Inclui acessibilidade Radix UI, otimização de desempenho com Vite, React Hook Form + validação Zod e um esquema de cores em gradiente azul-petróleo e ciano.
Visão Geral
Setor
Saúde / Saúde Ocular
Âmbito
Redesign e desenvolvimento completo do website com integração de várias localizações, parcerias com seguradoras e sistema de contacto validado
Prazo
1 dia do design à versão pronta para implementação
Desafio
A OptiClinic Eye Care precisava de uma presença online moderna e profissional, à altura da qualidade premium dos seus serviços de saúde ocular nas 5 localizações. O website existente exigia uma renovação tecnológica completa para melhorar a experiência de utilizador, apresentar a sua vasta oferta de serviços, destacar as suas 16 parcerias com seguradoras e proporcionar uma experiência acessível e mobile-first que gerasse confiança nos potenciais pacientes à procura de cuidados oftalmológicos especializados.
Solução
Construímos uma aplicação premium de página única com React 19 e Framer Motion, com animações profissionais que guiam os utilizadores ao longo de 10 secções cuidadosamente concebidas. Implementámos um design responsivo mobile-first com Tailwind CSS, integrámos o Radix UI para conformidade com os requisitos de acessibilidade e criámos uma apresentação completa de serviços com destaque para o controlo da miopia, a contactologia e a optometria pediátrica. Acrescentámos formulários de contacto validados com Zod, apresentação dos logótipos das seguradoras parceiras e informação sobre as várias localizações com mapas incorporados, tudo otimizado para desempenho com Vite.
Funcionalidades Principais
Resultados
Stack Tecnológica
Pronto para Iniciar o Seu Projeto?
Vamos falar sobre como podemos criar um website incrível à medida do seu negócio.