Ir ao conteúdo principal
2026

Landing page for an aesthetics clinic

Astro
Tailwind CSS
TypeScript
Self-hosted fonts
Structured data

Descrição

Uma página estática para uma clínica que vende consulta: uma tela para explicar o procedimento, mostrar resultado e levar ao agendamento. Feita para abrir rápido no celular com dado móvel, que é de onde a visita chega.

Funcionalidades

  • Zero JavaScript por padrão, com as poucas partes interativas hidratando sozinhas
  • Fontes hospedadas junto e pré-carregadas, para o tipo de display não trocar depois que a tela pinta
  • Imagem de Open Graph gerada no build, e não buscada em serviço externo
  • Dado estruturado de negócio local, com horário de funcionamento e endereço
  • Escrita pensando no celular: a visita chega de um link na bio, com dado móvel

Desafios

  • Manter cara editorial, com serifada de display e foto de verdade, sem pagar isso em tempo de carregamento
  • Decidir o que uma página de clínica precisa responder antes de alguém marcar, e cortar o resto
  • Escrever prova que soa como prova sem inventar número que o negócio não sustenta

Aprendizados

  • Que desempenho nesse tipo de página é decisão de design, não etapa de build
  • Que o jeito mais rápido de perder uma serifada de display é deixar ela trocar depois da primeira pintura
  • Quão pouco JavaScript uma página assim precisa quando a interação é honesta sobre o próprio tamanho