Todos os projetos
Landing page
Landing de lançamento — marca de suplementos
Página de lançamento com contagem regressiva, captura de lista de espera e checkout em uma etapa, construída para suportar pico de tráfego pago.
- Ano
- 2025
- Stack
- Astro, TypeScript, Tailwind CSS, Shopify Storefront API
Os resultados
- LCP no 4G simulado
- 0,9sLCP no 4G simulado
- Lighthouse SEO
- 100Lighthouse SEO
- visitas no dia do lançamento
- 12kvisitas no dia do lançamento
O contexto
Marca de suplementos preparando o lançamento de uma linha nova, com investimento concentrado em tráfego pago nas primeiras 48 horas.
O desafio
Campanha paga não perdoa página lenta: cada décimo de segundo a mais no carregamento queima orçamento de mídia. A página precisava ser estática, leve e ainda assim falar com o catálogo real da loja.
O que foi feito
- Página estática em Astro, consumindo preço e estoque via Storefront API no build.
- Contagem regressiva e captura de lista de espera sem framework no cliente.
- Checkout em etapa única, com o carrinho pré-montado pelo link da campanha.
Resultado
LCP de 0,9s em 4G simulado e nenhuma queda de disponibilidade durante o pico.