Lueur — Landing di cosmetica botanica

Contesto

Lueur è un marchio concept, creato da zero come progetto dimostrativo. L'obiettivo: uscire dal mio registro abituale — SaaS, dashboard, interfacce scure — per dimostrare che padroneggio anche il linguaggio del marketing di prodotto: un marchio cosmetico chiaro, editoriale e sensoriale.

Obiettivi

• Costruire un'identità di marca coerente, dal logo al packaging, senza partire da un template.
• Dimostrare uno stack diverso dal mio quotidiano: Astro anziché Next.js, per un sito statico dalle massime prestazioni.
• Andare oltre la vetrina: proporre un vero percorso d'acquisto, dal prodotto alla conferma d'ordine.

Soluzione

Una landing page editoriale, pensata come una rivista di bellezza: occhiello in serif haute-couture, palette porcellana e verde botanico, fotografie di prodotto curate.

• Il rituale — tre trattamenti essenziali presentati in tre gesti chiari.
• La collezione — un flat-lay della gamma, poi ogni prodotto nel dettaglio (siero, crema, olio).
• Il percorso d'acquisto — un carrello a cassetto che scorre da destra, la gestione delle quantità, un checkout completo e una conferma d'ordine con numero. Tutto persistente, senza backend.

Stack e prestazioni

• Astro in rendering statico: nessun framework JavaScript lato client per la visualizzazione, giusto quel che serve per il carrello.
• Immagini ottimizzate automaticamente in WebP, in più dimensioni a seconda dello schermo.
• Animazioni allo scroll, navigazione mobile e attenzione all'accessibilità e al contrasto.

Un progetto dimostrativo, ma costruito con le stesse esigenze di un sito consegnato a un cliente: veloce, pulito e pensato fin nel minimo dettaglio.