Lueur — Botanische Kosmetik-Landingpage

Kontext

Lueur ist eine Konzeptmarke, komplett von Grund auf als Demonstrationsprojekt erdacht. Das Ziel: aus meinem gewohnten Register — SaaS, Dashboards, dunkle Interfaces — auszubrechen und zu zeigen, dass ich auch die Sprache des Produktmarketings beherrsche: eine klare, editoriale, sinnliche Kosmetikmarke.

Ziele

• Eine kohärente Markenidentität aufbauen, vom Logo bis zur Verpackung, ohne von einer Vorlage auszugehen.
• Einen anderen Stack als meinen alltäglichen zeigen: Astro statt Next.js, für eine statische Website mit maximaler Performance.
• Über das Schaufenster hinausgehen: eine echte Shopping-Journey bieten, vom Produkt bis zur Bestellbestätigung.

Lösung

Eine editoriale Landingpage, gedacht wie ein Beauty-Magazin: ein Haute-Couture-Serifen-Vorspann, eine Palette aus Porzellan und Botanikgrün, sorgfältige Produktfotografie.

• Das Ritual — drei essentielle Pflegeprodukte, in drei klaren Gesten präsentiert.
• Die Kollektion — ein Flat-Lay der Reihe, dann jedes Produkt im Detail (Serum, Creme, Öl).
• Die Shopping-Journey — ein Drawer-Warenkorb, der von rechts hereingleitet, die Mengenverwaltung, ein vollständiger Checkout und eine Bestellbestätigung mit Nummer. Alles persistent, ohne Backend.

Stack & Performance

• Astro im statischen Rendering: kein clientseitiges JavaScript-Framework für die Anzeige, nur so viel wie für den Warenkorb nötig.
• Bilder automatisch zu WebP optimiert, in mehreren Größen je nach Bildschirm.
• Scroll-Animationen, mobile Navigation und Aufmerksamkeit für Barrierefreiheit und Kontrast.

Ein Demonstrationsprojekt, aber mit denselben Ansprüchen gebaut wie eine an einen Kunden gelieferte Website: schnell, sauber und bis ins kleinste Detail durchdacht.