Lueur — Landing cosmétique botanique

Contexte

Lueur est une marque de concept, créée de toutes pièces comme projet de démonstration. L'objectif : sortir de mon registre habituel — SaaS, dashboards, interfaces sombres — pour prouver que je maîtrise aussi le langage du marketing produit : une marque de cosmétique claire, éditoriale et sensorielle.

Objectifs

• Construire une identité de marque cohérente, du logo au packaging, sans partir d'un template.
• Démontrer une stack différente de mon quotidien : Astro plutôt que Next.js, pour un site statique aux performances maximales.
• Aller au-delà de la vitrine : proposer un vrai parcours d'achat, du produit jusqu'à la confirmation de commande.

Solution

Une landing page éditoriale, pensée comme un magazine de beauté : chapeau en sérif haute-couture, palette porcelaine et vert botanique, photographies produit soignées.

• Le rituel — trois soins essentiels présentés en trois gestes clairs.
• La collection — un flat-lay de la gamme, puis chaque produit détaillé (sérum, crème, huile).
• Le parcours d'achat — un panier en tiroir qui glisse depuis la droite, la gestion des quantités, un checkout complet et une confirmation de commande avec numéro. Le tout persistant, sans backend.

Stack & performance

• Astro en rendu statique : aucun framework JavaScript côté client pour l'affichage, juste ce qu'il faut pour le panier.
• Images optimisées automatiquement en WebP, en plusieurs tailles selon l'écran.
• Animations au scroll, navigation mobile, et une attention portée à l'accessibilité et au contraste.

Un projet de démonstration, mais construit avec les mêmes exigences qu'un site livré à un client : rapide, propre, et pensé jusqu'au moindre détail.