Zum Hauptinhalt springen

Lueur — Landingpage für botanische Kosmetik

Landingpage für botanische Kosmetik

Shop einer botanischen Pflegemarke: drei Produkte als Ritual in drei Handgriffen, Wirkstoffe im Klartext benannt, vollständiger Warenkorb und null JavaScript auf den Inhaltsseiten.

2026-07
  • Art Direction
  • Produkt- & Verpackungsdesign
  • Frontend-Entwicklung
AstroTypeScriptCSSVercel
Vorschau von Lueur — Landingpage für botanische Kosmetik
  1. 01

    Sortiment als Ritual in drei Handgriffen statt als Raster präsentiert

  2. 02

    Wirkstoff und Preis auf jeder Referenz im Klartext

  3. 03

    Kein JavaScript auf den Inhaltsseiten, der Warenkorb als isolierte Insel

Das Briefing

Eine botanische Pflegemarke, deren Argument die Nüchternheit ist: kurze Formeln, lesbare Inhaltsstoffe, nichts, was man nicht benennen kann. Eine überladene Website hätte dem Produkt schon vor dem ersten Satz widersprochen.

Nur drei Referenzen — ein Serum, eine Creme, ein Öl. Ein so kurzes Sortiment tritt nicht als Shop auf: Es erzählt sich.

Die Rahmenbedingungen

  • Drei Produkte. Zu wenige für ein Raster, zu viele für je eine eigene Seite.
  • Verkaufen ohne Rabatt. Die Positionierung verbot das rote Banner und den Countdown.
  • Der erste Kauf entscheidet sich am Vertrauen, nicht an der Aktion: Man musste verstehen können, was im Flakon ist.

Die Entscheidungen

Das Ritual vor dem Sortiment.

Die drei Produkte stehen nicht nebeneinander aufgereiht: Sie erscheinen als drei Handgriffe — reinigen, behandeln, pflegen. Es wird nicht mehr zwischen drei konkurrierenden Artikeln entschieden, sondern eine Abfolge entdeckt, in der jedes Stück seinen Platz hat. Der durchschnittliche Warenkorb ändert seine Natur: Man kauft nicht ein Produkt, man vervollständigt einen Schritt.

Der Inhaltsstoff benannt, nicht die Behauptung.

Jede Referenz trägt ihren Wirkstoff im Klartext — stabilisiertes Vitamin C und Kamelie für das Serum, Hyaluronsäure und Aloe für die Creme, Hagebutte und Bakuchiol für das Öl. Ein ganzer Abschnitt führt diese Wirkstoffe aus. Es ist die direkte Übersetzung des Versprechens „kurze Formeln": Ist die Formel kurz, kann man sie lesen.

Astro statt eines Anwendungsframeworks.

Die Website ist Inhalt mit einem Warenkorb, keine Anwendung. Astro liefert auf den Inhaltsseiten kein JavaScript aus und lädt es nur für die wirklich interaktiven Inseln — Warenkorb, Formular. Eine Produktseite kommt deshalb als reines HTML an: die Entscheidung, die am meisten für die gefühlte Geschwindigkeit tut, und sie ist unsichtbar.

Das Ergebnis

Ein vollständiger Kaufweg: Entdeckung über das Ritual, Produktseiten mit Wirkstoffen und Preisen (38 €, 34 €, 42 €), seitlicher Warenkorb mit Summe, Kasse, E-Mail-Erfassung am Seitenfuß. Bewertungen und FAQ räumen die letzten Einwände vor der Zahlung aus.

Was ich anders machen würde

Der Sozialbeweis am Seitenkopf stammt aus Demo-Inhalten. Auf einer echten Website würde ich ihn hinter die Wirkstoffe verschieben: Eine Durchschnittsnote, die erscheint, bevor man weiß, was einem verkauft wird, beweist nichts — sie dekoriert.

Sérein