Ir para o conteúdo principal

Lueur — Landing de cosmética botânica

Landing de cosmética botânica

Loja de uma marca de cuidados botânicos: três produtos apresentados como um ritual em três gestos, ativos nomeados com clareza, carrinho completo e zero JavaScript nas páginas de conteúdo.

2026-07
  • Direção de arte
  • Design de produto & embalagem
  • Desenvolvimento front-end
AstroTypeScriptCSSVercel
Prévia de Lueur — Landing de cosmética botânica
  1. 01

    Catálogo apresentado como um ritual em três gestos em vez de uma grade

  2. 02

    Ativo e preço exibidos com clareza em cada referência

  3. 03

    Nenhum JavaScript entregue nas páginas de conteúdo, carrinho como ilha isolada

O briefing

Uma marca de cuidados botânicos cujo argumento é a sobriedade: fórmulas curtas, ingredientes legíveis, nada que não se possa nomear. Um site carregado teria contradito o produto antes da primeira frase.

Apenas três referências — um sérum, um creme, um óleo. Um catálogo tão curto não se apresenta como uma loja: ele se conta.

As restrições

  • Três produtos. Poucos demais para uma grade, muitos demais para uma página única cada um.
  • Vender sem desconto. O posicionamento proibia a tarja vermelha e a contagem regressiva.
  • A primeira compra se decide na confiança, não na promoção: era preciso dar a entender o que há no frasco.

As decisões

O ritual antes do catálogo.

Os três produtos não estão alinhados lado a lado: são apresentados como três gestos — limpar, tratar, hidratar. Quem visita não arbitra mais entre três itens concorrentes, descobre uma sequência em que cada peça tem seu lugar. O carrinho médio muda de natureza: não se compra um produto, completa-se uma etapa.

O ingrediente nomeado, não a alegação.

Cada referência traz seu ativo com clareza — vitamina C estabilizada e camélia para o sérum, ácido hialurônico e aloe para o creme, rosa mosqueta e bakuchiol para o óleo. Uma seção inteira detalha esses ativos. É a tradução direta da promessa de «fórmulas curtas»: se a fórmula é curta, dá para lê-la.

Astro em vez de um framework de aplicação.

O site é conteúdo com um carrinho, não uma aplicação. O Astro não entrega nenhum JavaScript nas páginas de conteúdo e só o carrega para as ilhas realmente interativas — o carrinho, o formulário. Uma página de produto chega, portanto, em HTML puro: é a escolha que mais faz pela velocidade percebida, e é invisível.

O resultado

Um percurso de compra completo: descoberta pelo ritual, páginas de produto com ativos e preços (38 €, 34 €, 42 €), carrinho lateral com total, finalização, captura de e-mail no fim da página. As avaliações e o FAQ fecham as últimas objeções antes do pagamento.

O que eu faria diferente

A prova social anunciada no topo da página vem de conteúdo de demonstração. Num site real, eu a deslocaria para depois da apresentação dos ativos: uma nota média exibida antes de quem visita saber o que lhe vendem não prova nada, apenas decora.

Sérein