Lion Hair
Next.js | Tailwind | Vercel
Digitaler Direktvertrieb für eine Traditionsmarke
Lion Hair steht seit über 30 Jahren für natürliche Haarkapseln mit Biotin, Zink, Eisen und zwölf BIO-Pflanzen. Für den Direktvertrieb in der Schweiz und in Deutschland haben wir einen conversion-fokussierten One-Pager entwickelt, der Produktkommunikation, Pflanzen-Storytelling, FAQ und Bestellstrecke auf einer einzigen Seite vereint. Die Marke von Petra Dorothea Reich, dipl. Phytotherapeutin, verfügt damit über eine digitale Basis, die Vertrauen aufbaut und Bestellungen direkt entgegennimmt.
Design & Entwicklung
Der Auftritt setzt auf einen Premium-Look: Dunkelblau und Gold-Akzente mit dezenten Verläufen rahmen transparente Produkt-Renders und das rote Löwenkopf-Emblem der Marke. Typografisch sorgen Sora für die Headlines und Inter für den Fliesstext für einen modernen, klaren Charakter. Technisch basiert die Site auf Next.js 15 (App Router) mit TypeScript und Tailwind CSS und wird auf Vercel statisch vorgerendert — schnell, stabil und wartungsarm. Eine Sticky-Navigation führt Besucher durch alle Sektionen bis zur Bestellung; Impressum, AGB und Datenschutz liegen auf separaten Rechtsseiten.
Das Projekt im Überblick
Technologie
Die Website basiert auf Next.js 15 (App Router) mit TypeScript 5 und Tailwind CSS, gehostet auf Vercel mit statischem Prerendering — für kurze Ladezeiten ohne Server-Wartung. Die Bestellstrecke verzichtet bewusst auf ein Shop-System: react-hook-form und Zod validieren Eingaben auf Client und Server, ein E-Mail-Workflow über Nodemailer übermittelt Bestellungen inklusive Bestätigung an die Kundschaft. Honeypot und Timing-Gate sichern den Bestell-Endpoint gegen Bots, ein RegionContext schaltet Preise dynamisch zwischen CHF und EUR um. Ohne Datenbank bleibt die Lösung stateless und wartungsarm.
Projektziele
- 🎯 Conversion-fokussierter One-Pager als digitale Basis für den Direktvertrieb
- 🌿 Pflanzen- und Wissenschafts-Storytelling, das über 30 Jahre Markenerfahrung erlebbar macht
- ✉️ Schlanke Bestellstrecke per E-Mail-Workflow — bewusst ohne Shop-System
- 💱 Regionen-Umschaltung Schweiz/Deutschland mit dualer Währung (CHF/EUR)
- ✅ EFSA-konforme Produktkommunikation ohne unzulässige Heilversprechen