Alle Projekte Konzept-Website · Barbershop · Wuppertal

Der Schnitt,
der sitzt.

Hair & Styles — Barbershop & Friseur in Wuppertal

94 Lighthouse
6 Seiten
100 SEO Score
Barbershop & Friseur Webdesign Entwicklung Lighthouse 94/100

Dunkles, warmes Barbershop-Erlebnis mit Terminbuchung per WhatsApp, transparenter Preisliste und einer datenschutzkonformen Kartenanzeige — ganz ohne Klischee.

  • Individuelles „Werkstatt"-Design ohne Template
  • Lighthouse Score 94 / 100
  • WhatsApp- & Telefon-Buchung aus jeder Sektion
  • DSGVO/TDDDG-konform inkl. 2-Klick-Karte & Bunny Fonts
Website ansehen →
Hair & Styles — Team

Herausforderung

  • Barbershops wirken online oft wie ein Klischee — Vintage-Deko oder steriler Salon
  • Terminbuchung meist umständlich oder nur telefonisch möglich
  • Keine Preis-Transparenz vor dem Besuch — Unsicherheit beim Gast

Lösung

  • Warmes „Werkstatt"-Design — dunkel, männlich, ohne Hipster-Klischee
  • Buchung in einem Tap per WhatsApp, direkt aus jeder Sektion
  • Transparente Preisliste als sichtbarer Kern der Seite
Design & Identität

Die Werkstatt.

Barbershops gehen online meist zwei Wege: Vintage-Klischee oder steriler Salon. Hair & Styles geht einen dritten — warm, dunkel, handwerklich. Ein Farb- und Typo-System, das man wiedererkennt.

Palette
#1C1A18 Anthrazit · die Bühne
#C8902F Messing · der Akzent
#EDE6DC Off-White · die Ruhe
Typografie
Aa Space GroteskDisplay · 700 · die Architektur
Aa Source Sans 3Fließtext · 400 · die Lesbarkeit

„Dunkel, wo andere hell sind — Handwerk, kein Klischee."

Buchung ohne Hürde

Ein Termin ist nur eine Nachricht entfernt.

Kein Buchungsportal, kein Login, kein Formular. Aus jeder Sektion der Seite führt ein einziger Tap direkt in WhatsApp — die Distanz zwischen Interesse und Termin verschwindet. Für Männer, die keine Lust auf Umwege haben.

  • WhatsApp- & Telefon-Button auf jeder Seite
  • Kein Drittanbieter-Buchungssystem nötig
  • Vertraute Oberfläche — jeder kann WhatsApp
Transparenz

Preise, die nichts verstecken.

Statt „Preise auf Anfrage" wurde die Preisliste zum gestalterischen Kern der Seite — vier klare Kategorien, ein hervorgehobenes Paket. Der Gast weiß, woran er ist, bevor er den Laden betritt.

Haarschnitt

Herrenschnitt28 €
Maschinenschnitt18 €

Bart

Bartschnitt15 €
Heiße Rasur22 €

Extras

Augenbrauen8 €
Kopfrasur20 €
Datenschutz

DSGVO ohne Kompromiss.

Die meisten Websites übertragen schon beim ersten Aufruf Daten an Dritte. Hair & Styles nicht — Datenschutz ist hier keine Behauptung, sondern in die Architektur eingebaut.

01

Bunny Fonts

Schriften von EU-Servern statt Google — keine IP-Übertragung, keine Einwilligung nötig.

02

2-Klick-Karte

Google Maps lädt erst nach aktivem Klick. Kein Tracking, bevor der Besucher zustimmt.

03

Eigenes Cookie-System

Selbst gebaut, TDDDG §25-konform: drei gleichwertige Buttons, kein Dark Pattern.

0 externe Tracker beim Seitenaufruf
Ergebnis

Sehen. Wollen. Termin sichern.

94 Lighthouse Performance

Bild-Preload, feste Maße gegen Layout-Sprünge, keine Render-Blocker. LCP 2,5 s, Cumulative Layout Shift 0 — die Seite steht ruhig.

100 SEO Score

Lokale SEO, strukturierte Daten als BarberShop-Schema. Sichtbar genau dann, wenn jemand in Wuppertal nach einem Barber sucht.

0 Externe Tracker

Keine Google Fonts, keine automatisch ladenden Karten. Bunny Fonts und die 2-Klick-Karte halten die Seite sauber und rechtssicher.

96 Accessibility Score

Barrierefreie Navigation, kräftiger Kontrast, vollständige ARIA-Auszeichnung. Jeder Gast findet sich zurecht.