Lueur — Landing de cosmética botânica

Contexto

Lueur é uma marca conceito, criada do zero como projeto de demonstração. O objetivo: sair do meu registro habitual — SaaS, dashboards, interfaces escuras — para provar que também domino a linguagem do marketing de produto: uma marca de cosmética clara, editorial e sensorial.

Objetivos

• Construir uma identidade de marca coerente, do logo à embalagem, sem partir de um template.
• Demonstrar uma stack diferente do meu dia a dia: Astro em vez de Next.js, para um site estático de desempenho máximo.
• Ir além da vitrine: oferecer uma verdadeira jornada de compra, do produto à confirmação de pedido.

Solução

Uma landing page editorial, pensada como uma revista de beleza: linha de abertura em serifa de alta-costura, paleta porcelana e verde botânico, fotografias de produto caprichadas.

• O ritual — três cuidados essenciais apresentados em três gestos claros.
• A coleção — um flat-lay da linha e, em seguida, cada produto detalhado (sérum, creme, óleo).
• A jornada de compra — um carrinho em gaveta que desliza pela direita, a gestão de quantidades, um checkout completo e uma confirmação de pedido com número. Tudo persistente, sem backend.

Stack e desempenho

• Astro em renderização estática: nenhum framework JavaScript no lado do cliente para a exibição, apenas o necessário para o carrinho.
• Imagens otimizadas automaticamente em WebP, em vários tamanhos conforme a tela.
• Animações ao scroll, navegação mobile e atenção à acessibilidade e ao contraste.

Um projeto de demonstração, mas construído com as mesmas exigências de um site entregue a um cliente: rápido, limpo e pensado até o menor detalhe.