Next.js-Frontend & Markenauftritt

Eine vertrauensbildende Beratungsmarke statt Shop-Optik: schnelles, mobil-optimiertes Next.js-Frontend mit klarer visueller Hierarchie und konsequentem Conversion-Fokus.

Schaaf Akademie·2026

Über das Projekt

Login, Warenkorb und Preisfooter des alten JTL-Shops ließen einen Pflegeberatungs-Anbieter wie einen austauschbaren Onlineshop wirken – für Angehörige in einer belastenden Situation irritierend statt orientierend. Wir haben den Auftritt als Next.js-16-/React-19-Anwendung mit TypeScript, Tailwind CSS 4 und Framer Motion neu gebaut: serverseitig gerendert für schnellen Seitenaufbau, mit einer eindeutigen visuellen Hierarchie (Nutzenversprechen → primäre Handlung → Vertrauensbelege → Ablauf → Kontakt) und einer ruhigen, empathischen Bild- und Textwelt. Für die überwiegend mobile Nutzung sind Telefonnummer, Rückrufbutton und Leistungsgebiet sofort sichtbar (Sticky Contact Bar); das Rückrufformular wurde auf das Nötigste reduziert (Name, Telefon, Thema, bevorzugte Zeit, Datenschutz-Einwilligung) statt überflüssiger Firma-/Fax-Felder. Deployt wird auf Railway mit automatischem Deployment bei jedem Push auf main.

Features & Funktionen

Next.js 16 / React 19 mit serverseitigem Rendering

Tailwind CSS 4 & Framer Motion für ruhige, moderne Optik

Klare visuelle Hierarchie mit eindeutigem primärem CTA

Sticky Contact Bar: Anruf, Rückruf & Leistungsgebiet mobil sofort sichtbar

Auf das Nötigste reduziertes Rückrufformular

Automatisches Deployment auf Railway (Push auf main)

Herausforderung

Die Shop-Optik (Login/Warenkorb/Preise) verdrängte die eigentlich wichtigen Handlungen und passte nicht zu einem vertrauenssensiblen Beratungsangebot; die Nutzerführung war technisch statt nutzergetrieben.

Unsere Lösung

Ein moderner, empathischer Markenauftritt auf Next.js mit klarer visueller Hierarchie, Sticky Contact Bar, reduziertem Rückrufformular und durchgehend schneller, mobil-optimierter Nutzerführung.