Web-Systeme

Haarmonie — Friseursalon-Demo

Name: Kobiakov.dev
Price range: €€

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

Zeitraum

2026

Rolle

Entwicklung & Umsetzung

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 E-Mail samt Kalendereintrag. Ein KI-Empfangs-Chat (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

Slot-Sperrung in Echtzeit über Upstash Redis — belegte Zeiten verschwinden sofort, keine Doppelbuchungen

KI-Empfangs-Chat (Google Gemini) beantwortet Preis-, Öffnungszeiten- und Terminfragen 24/7

E-Mail-Bestätigung mit .ics-Kalendereintrag zu jeder Buchung

DSGVO-konform: Consent-Gating, Honeypot-Spamschutz und ratenbegrenzte API-Routen

Konfigurationsgetriebene Architektur — in etwa einem Tag für jeden Terminbetrieb umgestaltet

100/100 Lighthouse, voll responsiv, 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

Live-System

Quellcode

Aimash / Hermes — Google Ads über Telegram steuern

Projekt ansehen

Maria Breslavska — Wix → Edge Migration