Skip to content
kobiakov.dev
Web-Systeme

Haarmonie — Friseursalon-Demo

Demo-Salonwebsite mit Live-Terminbuchung (Upstash Redis), Gemini-KI-Empfangschat und vollständiger DSGVO-Konformität.

Zeitraum

2026

Rolle

Lead Engineer

Geschäftlicher Nutzen / ROI

Reusable booking product — sellable to any local business

Problem

Lokale Salons nehmen Termine noch überwiegend telefonisch entgegen — verpasste Anrufe während des Schnitts, keine Buchungen nach Feierabend und jede Woche Stunden am Telefon. Kunden erwarten heute, in Sekunden online zu buchen — so wie bei allem anderen auch.

Die Herausforderung

Eine Salon-Website mit echter, funktionierender Online-Terminbuchung — kein bloßes Kontaktformular. Sie musste echte Verfügbarkeiten zeigen, belegte Zeiten sofort sperren (keine Doppelbuchungen), mobil funktionieren und für den deutschen Markt vollständig DSGVO-konform sein.

Die Lösung

Eine Next.js-15-Website mit konfigurierbarem Buchungsmodul: Live-Verfügbarkeit über Upstash Redis, eine 3-Schritt-Buchung mit optionaler Stylist-Wahl und sofortige Bestätigung per wa.me + E-Mail samt Kalendereintrag. Ein KI-Empfang (Gemini) beantwortet häufige Fragen, Consent-Gating hält alles DSGVO-sicher — und das gesamte Modul lässt sich für jeden Terminbetrieb umfärben.

Technische Highlights

Real-time slot locking via Upstash Redis — taken times disappear instantly, no double-bookings

AI reception chat (Google Gemini) answers price, hours and booking questions 24/7

wa.me + email confirmation with a downloadable .ics calendar entry on every booking

DSGVO-compliant: consent gating, honeypot anti-spam and rate-limited API routes

Config-driven architecture — re-skinnable for any appointment business in about a day

100/100 Lighthouse, fully responsive, EN + DE

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

Next.js 15TypeScriptTailwind CSSUpstash RedisGemini AI
Haarmonie — Friseursalon-Demo
Share: