Haarmonie — Von der Leistung zum Termin
Eine fiktive Salonwebsite, die Leistungen, Preise und Terminwahl verbindet. Ich habe Website und wiederverwendbares Buchungsmodul mit getrennten Demo-Abläufen und optionalen Anbindungen gebaut.
Umsetzung ansehenZeitraum
2026
Rolle
Entwickler
Demo
Projekttyp
Demo
Buchung
2
Sprachen
Technisches Ergebnis
Leistung → Datum → Uhrzeit → Demobestätigung
Ehrliches Fazit
Ein wiederverwendbarer Terminablauf, der Leistungsauswahl, Verfügbarkeit und Bestätigung für einen fiktiven Salon in einer Oberfläche verbindet.
Einblick in die Umsetzung
Was gebaut wurde. Was Sie prüfen können.
- Umgesetzter Umfang
- Fiktive Salonwebsite und Terminoberfläche mit konfigurierbaren Leistungen und optionaler E-Mail-, Verfügbarkeits- und Chat-Anbindung.
- Was geprüft wurde
- Am 22. Oktober 2026 wurden Desktop-Startseite und mobiler Buchungsschritt mit Leistung und Kalender geprüft und aufgenommen.
- Grenzen der Nachweise
- Kein Termin wurde abgeschickt, kein E-Mail-Empfang geprüft. Unternehmensdaten und Bewertungen sind fiktiv. Produktivkalender und externe Anbindungen benötigen Einrichtung und gesonderte Abnahme.
Salondemo · Desktop
Haarmonie-Startseite vom 22. Oktober 2026. Der Hinweis auf das fiktive Unternehmen bleibt sichtbar.
Problem
Besucher sollen eine Leistung finden und einen Termin auswählen können, ohne auf einen Rückruf zu warten.
Die Herausforderung
Leistungsdauer, Datum, Uhrzeit und auf Wunsch die Mitarbeiterauswahl in einem kurzen mobilen Ablauf verbinden.
Die Lösung
Ich habe einen konfigurierbaren Next.js-Buchungsablauf mit Redis-Verfügbarkeit, Resend-E-Mail und Gemini-Empfang bei entsprechender Einrichtung gebaut. Demo-Ersatzabläufe und Kalenderexport sind enthalten.
Technische Highlights
Leistungs-, Datums- und Zeitauswahl mit optionaler Fachkraft.
Redis-Verfügbarkeit bei entsprechender Einrichtung; Mock-Modus ohne dauerhaft gespeicherte Reservierungen.
Resend-E-Mail-Integration und herunterladbarer .ics-Eintrag; E-Mail-Zustellung ohne Garantie.
Gemini-Empfangschat mit einer Fallback-Antwort.
Einwilligungssteuerung, Honeypot-Prüfungen und API-Ratenbegrenzung.
Deutsche und englische Inhalte sowie ein konfigurationsbasiertes Buchungsmodul.
Systemarchitektur
Next.js 15 (App Router)
TypeScript
Tailwind CSS 4
Framer Motion
next-intl
Upstash Redis (booking slots)
Google Gemini (AI reception)
Resend
Vercel
Kerntechnologien
Weitere Projekte
So eine Website auch für Ihr Unternehmen?
Ich baue Buchungs-Websites für Salons, Restaurants und Handwerksbetriebe — Online-Terminbuchung inklusive, ab 490 €. Kostenlose Beratung, Antwort innerhalb von 24 Stunden.