O projeto buscou simular o site de um consultório odontológico, cujo objetivo era se destacar da concorrência com um design não convencional, transmitir informações com clareza e gerar um aumento no número de agendamentos de consulta.
A fim de satisfazer as metas estabelecidas, o desenvolvimento se deu utilizando o framework Astro, e as interações do usuário com a página foram tratadas com JavaScript puro. Também foi empregado o uso de Tailwind CSS, garantindo estilização ágil e padronizada.
Integrei um formulário de contato via FormSubmit, além de inserir as principais redes sociais do consultório. Houve uma atenção para as boas práticas de SEO com meta tags semânticas e headings otimizados, garantindo melhor posicionamento nos motores de busca.
Seguindo rigorosamente as diretrizes de acessibilidade (a11y), o site oferece navegação inclusiva e intuitiva para todos os usuários. O deploy é automático pela Cloudflare Pages, com CI/CD ativado na branch principal, assegurando builds e publicações rápidas a cada atualização.
O resultado final foi um site com excelentes notas no Lighthouse. Na versão desktop, as pontuações foram: performance (100), acessibilidade (96), melhores práticas (100) e SEO (100). Na versão mobile: performance (98), acessibilidade (96), melhores práticas (100) e SEO (100). Números muito satisfatórios e de acordo com os objetivos do projeto.
Consultórios e dentistas se beneficiariam muito do produto.
O repositório no GitHub foi mantido público e o README contém mais detalhes a respeito do projeto.