AURA BOTANICA — Markenorientierter E-Commerce-Auftritt für Naturkosmetik
Ein D2C-Shop-Konzept, das unübersichtliche Produktlisten durch transparente Wirkstoff-Kommunikation, einen interaktiven Routine-Berater und einen schnellen Warenkorb ersetzt.
01. Projekteinführung
AURA BOTANICA ist eine Konzeptstudie, die den Ansatz von LUNEXIS im modernen E-Commerce zeigt: Statt einer Standard-Shopvorlage entstand ein Marken-Storefront, der Wirkstofftransparenz mit einem reibungslosen Kaufprozess verbindet.
02. Unternehmens- & Marktkontext
Hochwertige Kosmetikmarken verlieren online häufig an Überzeugungskraft, wenn der Shop wie ein Standardkatalog wirkt oder Kunden bei der Produktauswahl unsicher sind.
03. Die Ausgangsherausforderung
Wie lassen sich detaillierte Angaben zu Inhaltsstoffen und Anwendung in einem ruhigen, reduzierten Interface darstellen, ohne den schnellen Kaufabschluss auf Mobilgeräten zu behindern?
04. Projektziele
- 01Gestaltung einer Produktdetailseite (PDP), die alle Kundenfragen strukturiert beantwortet.
- 02Entwicklung eines 3-stufigen Pflege-Beraters zur einfachen Produktauswahl.
- 03Umsetzung eines flüssigen Slide-Over-Warenkorbs mit transparenter Versandkostenanzeige.
- 04Optimierung aller Kauf-Elemente für die einhändige Bedienung auf dem Smartphone.
05. Analyse, Annahmen & Strategie
Durch das Prinzip der schrittweisen Informationsfreigabe (Progressive Disclosure) sind Nutzen, Größe und Preis sofort sichtbar, während INCI-Listen und Anwendungshinweise in klaren Akkordeon-Modulen bereitstehen.
- E-Commerce-UX-Architektur & Produktdetailseiten (PDP)
- Visuelles Designsystem & modulare Shop-Komponenten
- Interaktiver Wirkstoff-Explorer & Warenkorb-Animationen
- Headless-Commerce-Frontend-Architektur
- Mobile-First-Optimierung des Kaufprozesses
06. Visuelle Richtung & Moodboard
Eine Verbindung aus apothekerhafter Präzision (Monospace-Chargennummern und Konzentrationsangaben) mit tiefen Pflanzentönen, warmem Pergament und klaren Akzenten.
07. Informationsarchitektur
- 01Startseite mit Leitprodukt und direktem Einstieg in den Routine-Berater
- 02Kollektionsübersicht mit Sofortfilter nach Hautbedürfnis
- 03Redaktionelle Produktdetailseite (PDP) mit Wirkstoff-Synergien
- 04Interaktives Glossar der botanischen Inhaltsstoffe
- 05Slide-Over-Warenkorb und reduzierter Checkout-Prozess
08. UX-Struktur & Nutzerführung
Besucher können entweder direkt durch die Kollektionen navigieren oder über drei kurze Fragen eine passende Pflegeroutine zusammenstellen und direkt in den Warenkorb legen.
Die Produktkarten sind an Apothekenetiketten angelehnt und zeigen Formelnummer, Hauptwirkstoffe, Texturprofil sowie einen direkten Größenumschalter (30 ml / 50 ml).
10. Motion Design & Mikrointeraktionen
Die Mikrointeraktionen unterstützen den Kaufprozess: flüssige Fortschrittsanzeige bis zum kostenfreien Versand, sanfte Filterübergänge und klares Feedback beim Hinzufügen zum Warenkorb.
11. Responsives Design (Mobil / Tablet / Desktop)
Auf Smartphones sorgt eine dezente Sticky-Add-to-Cart-Leiste am unteren Bildschirmrand dafür, dass der Kaufbutton jederzeit erreichbar bleibt.
12. Technische Umsetzung & Architektur
Als modulares Headless-Frontend konzipiert, das sich an Systeme wie die Shopify Storefront API anbinden lässt — inklusive mehrsprachiger und mehrwährungsfähiger Struktur.
13. Präsentation des finalen Interfaces
Die finale Ansicht zeigt das Kollektionsraster, die Produktdetailseite mit Größenwahl, das Wirkstoffmodul sowie den interaktiven Warenkorb.
14. Architektonische Erkenntnisse & Konzeptmehrwert
- Veranschaulicht, wie präzise Typografie und strukturierte Produktinformationen den wahrgenommenen Markenwert steigern.
- Zeigt, dass ausführliche Produktaufklärung und ein klarer, schneller Kaufabschluss perfekt harmonieren können.
- Die modulare Komponentenstruktur skaliert flexibel vom fokussierten Markenstart bis zum umfangreichen Sortiment.
15. Eingesetzter Technologie-Stack
Planen Sie ein Projekt mit ähnlichem Anspruch?
Erzählen Sie uns von Ihrem Vorhaben. Gemeinsam definieren wir die passende Strategie, Gestaltung und technische Architektur.
Lassen Sie uns über Ihr Projekt sprechen16. Weitere Fallstudien
KRONO ATELIER — Redaktionelles Portfolio & Anfragesystem für ein Architekturbüro
Ein digitales Flaggschiff-Konzept für ein europäisches Architekturbüro mit großformatiger Werkpräsentation, interaktivem Projektindex und strukturierter Bauherren-Anfrage.
NOCTURNE — Atmosphärischer Webauftritt & Reservierungssystem für Fine Dining
Ein digitales Gastronomie-Erlebnis, das atmosphärisches Storytelling mit sofortigem Zugriff auf das Saisonmenü, Weinbegleitung und mobile Tischreservierung verbindet.