Home Leistungen Portfolio Kontakt Jetzt anfragen
Zurück zum Portfolio Fiktives Design-Beispiel · Konzeptstudie 02 / 08
Fiktives Beispielszenario · Friseur & Coloristin

Mehr Buchungen. Ohne Mehraufwand im Salon.

Wie ein Berliner Coloristin-Studio mit einem editorialen Layout, einer ehrlichen Galerie und Echtzeit-Buchung zur ersten Adresse für Balayage in Mitte wurde.

🔒 Design-Vorschau · fiktives Beispiel
Live öffnen ↗
01 — Briefing

Das Problem.

„Wir haben 287 Fünf-Sterne-Bewertungen — aber Neukundinnen wissen das nicht, bevor sie hier sitzen."

Die Inhaberin hatte das Studio 2019 eröffnet. Das Handwerk ist Premium: Master-Coloristin, eigene Pflanzenfarben-Linie, drei Stylistinnen mit Spezialisierung. Die Buchung lief aber über WhatsApp und Telefon — ein einziger Daumen-Marathon auf die Inhaberins Handy zwischen Klientinnen.

Folge: Anfragen verloren sich, wenn die Inhaberin im Ammoniak-Modus war. Neukundinnen sprangen ab, wenn sie nicht innerhalb von Stunden eine Antwort bekamen.

Die alte Website war ein Wix-Template mit Stock-Models und Telefonnummer im Footer. Keine Galerie der echten Arbeit, kein Vertrauensaufbau vor dem Erstbesuch.

02 — Herausforderung & Ansatz

Drei Knoten, die wir gelöst haben.

Challenge

WhatsApp-Buchung frisst Salonzeit

die Inhaberin antwortete oft erst nachts auf Anfragen — bis dahin hatten Neukundinnen meist eine andere Lösung.

Solution

Online-Buchung mit Stylistin-Wahl

Echtzeit-Slots pro Stylistin, automatische Bestätigungs- und Erinnerungs-Mails. Kein WhatsApp-Pingpong mehr.

Challenge

Keine Bildsprache, keine Identität

Generische Stock-Fotos verwässerten die handwerkliche Premium-Positionierung.

Solution

Editorial-Design mit echter Arbeit

Soft-Pink, Playfair Display Italic, große Foto-Galerie aus dem Salon. Vorher-Nachher als Hauptmotiv.

Challenge

Team unsichtbar

Mara und Sophie waren auf der alten Site nicht erwähnt — Klientinnen wussten nicht, dass sie wählen können.

Solution

Team-Sektion mit Spezialisierung

Drei Portraits mit Rolle, Spezialgebiet und einem persönlichen Zitat — direkt buchbar.

Challenge

Preis-Unsicherheit

„Was kostet eine Coloration?" war die häufigste WhatsApp-Frage.

Solution

Transparente Preisstaffel

„Ab"-Preise pro Leistung mit Hinweis auf Haarlänge. Voranschlag bei Erstkontakt im Salon.

03 — Solution

Was das Konzept vorsieht.

Sechs Bausteine, die zusammen einen ehrlichen, editorialen Online-Auftritt ergeben.

01

Editorial-Hero mit Photoshoot

Große Salon-Fotografie, arch-shaped Bildrahmen, Google-Stars-Badge unten links.

02

Service-Karten mit Festpreis-Ab

Sechs Karten, jede mit eigenem Icon, klarer Beschreibung und „ab"-Preis.

03

Galerie mit 8 Looks

Echte Klientinnen-Looks (Einverständnis vorhanden) als 4-Spalten-Raster mit Hover-Zoom.

04

Team-Sektion mit Stylistin-Wahl

Drei Portrait-Karten mit Rolle, Spezialgebiet, Zitat — verlinkt direkt in den Buchungs-Funnel.

05

Testimonial-Block mit Story

Großes Zitat von Stammkundin mit 6 Jahren Treue. Premium-Anker.

06

Online-Buchungssystem (Treatwell-API)

Stylistin- und Slot-Auswahl in 30 Sekunden, Bestätigung per Mail mit Add-to-Calendar-Link.

04 — Result · Unverbindliches Rechenbeispiel

Was sich verändern könnte.

Ein illustratives Zielbild für einen vergleichbaren Betrieb — keine gemessenen Echtwerte.

2.4×
Buchungen/Monat
illustratives Beispiel
−85%
WhatsApp-Anfragen
Funnel ist self-serve
+38%
Stammkundinnen-Rebooking
Mail-Reminder bringt zurück
100
Lighthouse Mobile
Bilder als WebP, lazy-loaded

Unverbindliches Rechenbeispiel. Die gezeigten Szenarien dienen der Veranschaulichung; reale Ergebnisse hängen vom Einzelfall ab.

05 — Timeline

In 1–2 Wochen live.

Tag 1–2 · Discovery

Brand-Audit & Foto-Briefing

Salon-Besuch, Stylistinnen interviewt, Foto-Shoot-Konzept für Galerie und Team-Portraits.

Tag 3–5 · Design

Editorial-Layout in zwei Iterationen

Soft-Pink-Palette, Playfair Italic für Akzente, arch-shaped Bildrahmen als Wiedererkennungsmerkmal.

Tag 6–11 · Build & Foto

Frontend + Foto-Shoot im Salon

Halbtägiges Shoot mit professionellem Fotografen, parallel Build und Treatwell-Integration.

Tag 12–14 · Launch & SEO

Go-Live, lokale SEO, Schema.org

Google-Business-Profile aktualisiert, BeautySalon-Schema, Standortverknüpfung.

06 — Tech-Stack

Was darunter läuft.

HTML5 + CSS3 Vanilla JS Playfair Display + Inter Treatwell Booking API WebP/AVIF Images Schema.org BeautySalon Cloudflare CDN Hosted in DE DSGVO-konform Plausible Analytics
Nächster Case

Restaurant

03 / 08 · Dark Gold · Reservation · Fiktives Beispiel