Yan Hair & Beauty Loft

Über den Kunden

Yan Hair & Beauty Loft ist ein Premium-Friseur- und Beauty-Studio in Ditzingen. Das Angebot umfasst Friseur, Make-up und Shootings von Colorationen und Extensions über Event-Make-up bis zu Business-Shootings. Zielgruppe sind qualitätsbewusste Kund:innen aus Ditzingen, Leonberg, Gerlingen und Stuttgart, die präzises Handwerk und schöne Ergebnisse erwarten. Der Salon ist ästhetisch inszeniert und setzt auf Top-Produkte. Das Markenversprechen: Eleganz, Persönlichkeit und Selfcare in einem Loft, das wie ein Editorial-Set wirkt. Die Website musste diese Wertigkeit abbilden, Booking-Hürden senken und lokal auffindbar sein.

Ausgangslage + Herausforderung

Neuer Standort, keine bestehende Website. Ziel: schnell live gehen, Terminbuchung vereinfachen und Premium-Charakter sichtbar machen. Die Herausforderung im Beauty-Umfeld: hohe visuelle Ansprüche ohne Performance-Einbußen. Benötigt wurden: Hero-Visuals, Ergebnis-Grids, Vorher-Nachher-Slider, Team-Vorstellung, FAQ, Preise, Google-Maps-Einbindung sowie ein doppelter Buchungsflow (iFrame + Formular). Parallel mussten Rechtstexte, Cookie-Banner und Hosting sauber stehen. Alles innerhalb von drei Wochen ohne Abstriche bei Usability und SEO.

Ansatz & Umsetzung

1) Positionierung & Informationsarchitektur

Wir strukturierten in Home, Über uns, Leistungen (mit Friseur, Make-up, Shootings), Preise und Kontakt. Jede Seite erhielt einen klaren Intent und einen CTA („Zum Termin“/„Termin vereinbaren“). Ein prominenter CTA-Banner („Jetzt Termin Sichern & Strahlen“) wiederholt das Angebot above & below the fold.

2) Beauty Webdesign Agentur–Ansatz: visuell stark, technisch schnell

Als spezialisierte Beauty Webdesign Agentur setzten wir auf großformatige, authentische Bilder, saubere Typo und ausreichend Weißraum. Vorher-Nachher-Slider zeigen Qualität auf einen Blick; Ergebnis-Mosaike liefern Social-Proof. Technisch sorgen komprimierte Assets, Lazy Loading und kritisches CSS für kurze Ladezeiten; Semantik und ARIA sichern Zugänglichkeit.

3) Buchungsflow: iFrame + Kontaktformular

Auf der Kontaktseite ist das Buchungs-iFrame zuerst sichtbar (Services, Dauer, Terminwahl). Direkt darunter: Kontaktformular (Name, E-Mail, Telefon, Betreff, Freitext) für Rückfragen. Mikro-Copy („Dein neuer Look beginnt hier“) und Sticky-CTAs verkürzen Wege sowohl auf mobilen Geräten als auch auf Desktops.

4) Trust-Stack: Beweise statt Behauptungen

Team-Fotos, About-Story, Partner-Logos, Ergebnis-Galerien und Testimonials (Karussell) stärken Glaubwürdigkeit. FAQ-Akkordeons reduzieren Unsicherheit (z. B. Dauer, Probestyling, Hautverträglichkeit, Ablauf von Shootings). Preistabellen schaffen Transparenz ohne Komplexität.

5) Warum „Website erstellen lassen“ statt Baukasten?

Die Kombination aus Premium-Branding, Buchungslogik, lokaler Suchintention und Trust-Stack erfordert maßgeschneiderte UX. So koppeln wir Beweise (Vorher-Nachher, Testimonials) direkt an die Conversion-Elemente. Ein Baukasten trennt das oft oder verlangsamt.

Ergebnisse

Zeitraum: Launchphase & erste 2 Live-Wochen

Technische Performance & UX

• Core Web Vitals: durchgehend grün (mobil & Desktop)

• Kurze Ladewege dank optimierter Medien (Lazy Loading, komprimierte Assets)

• Klarer Flow: Hero → Leistungen → Ergebnisse → Termin (reduzierte kognitive Last)

Conversion-Setup

• Doppelte Buchungsoption: iFrame für Sofort-Termine plus Formular für individuelle Anfragen

• CTA-Dichte bedarfsgerecht: Haupt-CTA in Hero-Section, CTA-Banner am Seitenende

• Trust-Anker (Vorher-Nachher, Team, Testimonials) neben CTAs platziert

Content-Signale

• Leistungs-Unterseiten mit Ergebnis-Grids (Friseur, Make-up, Shootings)

• Preistabellen zur schnellen Orientierung

• FAQ-Akkordeons senken Rückfragen zu Dauer, Probestyling, Hautverträglichkeit, Shoot-Ablauf

• About: Story, Werte und Team für mehr Personality als Differenzierungsmerkmal

Local-SEO-Fundament

• H-Struktur: H1/H2/H3 ohne Ballast, Keyword-Kohärenz

• Structured Data & NAP für Ditzingen

Operative Vorteile

• Stabiles Hosting mit Backups

• Sichtbarer Standort via eingebetteter Google-Maps