Vai al contenuto principale

Lueur — Landing di cosmetica botanica

Landing di cosmetica botanica

Negozio di un marchio di cura botanica: tre prodotti presentati come un rituale in tre gesti, attivi nominati in chiaro, carrello completo e zero JavaScript sulle pagine di contenuto.

2026-07
  • Direzione artistica
  • Design di prodotto & packaging
  • Sviluppo front-end
AstroTypeScriptCSSVercel
Anteprima di Lueur — Landing di cosmetica botanica
  1. 01

    Catalogo presentato come un rituale in tre gesti anziché come griglia

  2. 02

    Attivo e prezzo indicati in chiaro su ogni referenza

  3. 03

    Nessun JavaScript consegnato sulle pagine di contenuto, carrello come isola isolata

Il brief

Un marchio di cura botanica il cui argomento è la sobrietà: formule corte, ingredienti leggibili, nulla che non si possa nominare. Un sito carico avrebbe contraddetto il prodotto prima della prima frase.

Solo tre referenze — un siero, una crema, un olio. Un catalogo così breve non si presenta come una boutique: si racconta.

I vincoli

  • Tre prodotti. Troppo pochi per una griglia, troppi per una pagina unica ciascuno.
  • Vendere senza sconti. Il posizionamento vietava il banner rosso e il conto alla rovescia.
  • Il primo acquisto si gioca sulla fiducia, non sulla promozione: bisognava far capire che cosa c'è nel flacone.

Le decisioni

Il rituale prima del catalogo.

I tre prodotti non sono allineati uno accanto all'altro: sono presentati come tre gesti — detergere, trattare, idratare. Chi visita non arbitra più tra tre articoli concorrenti, scopre una sequenza in cui ogni pezzo ha il suo posto. Il carrello medio cambia natura: non si compra un prodotto, si completa una tappa.

L'ingrediente nominato, non l'affermazione.

Ogni referenza porta il proprio attivo in chiaro — vitamina C stabilizzata e camelia per il siero, acido ialuronico e aloe per la crema, rosa mosqueta e bakuchiol per l'olio. Un'intera sezione dettaglia questi attivi. È la traduzione diretta della promessa «formule corte»: se la formula è corta, la si può leggere.

Astro anziché un framework applicativo.

Il sito è un contenuto con un carrello, non un'applicazione. Astro non consegna alcun JavaScript sulle pagine di contenuto e ne carica solo per le isole realmente interattive — il carrello, il modulo. Una scheda prodotto arriva quindi in HTML puro: è la scelta che fa di più per la velocità percepita, ed è invisibile.

Il risultato

Un percorso d'acquisto completo: scoperta attraverso il rituale, schede prodotto con attivi e prezzi (38 €, 34 €, 42 €), carrello laterale con totale, passaggio in cassa, raccolta dell'indirizzo e-mail a fine pagina. Le recensioni e le FAQ chiudono le ultime obiezioni prima del pagamento.

Cosa rifarei diversamente

La riprova sociale annunciata in alto nella pagina proviene da un contenuto dimostrativo. Su un sito reale la sposterei dopo la presentazione degli attivi: una valutazione media mostrata prima che chi visita sappia che cosa gli si vende non prova nulla, decora.

Sérein