Haarfuchs: aus einem schlafenden Shop wird ein Weg in den Salon

Ausgangslage

Zwei Adressen, zwei Aufgaben: Unter www.haarsalon-anja.de steht die Website des Salons, die wir seit Jahren betreuen. Die zweite Adresse, haarfuchs.com, war als Onlineshop für Wella Professionals und Moroccanoil gedacht. Der Shop ruht seit einiger Zeit, die alten Inhalte gab es nicht mehr – geblieben waren der Name und ein Logo mit Fuchs, das zu schade zum Wegwerfen ist.

Dazu kommt eine angenehme Schwierigkeit: Der Salon ist sehr gut besucht, Termine sind knapp. Eine Website muss hier nicht um Aufmerksamkeit betteln, sondern erklären, wie man trotzdem schnell drankommt.

Aufgabe

• Der Marke „Haarfuchs“ ein eigenes Zuhause geben, erkennbar verwandt mit dem Salon, aber mit eigenem Charakter.
• Besucher zum Salon führen: anrufen, Termin anfragen, ein Produkt zurücklegen lassen.
• Den Produktbereich so bauen, dass der Onlineshop später andocken kann, ohne dass die Seite neu entsteht.
• Ohne Cookie-Banner auskommen und trotzdem wissen, was gelesen wird.
• Kopfbereich bewusst ruhig halten: wenig Text, keine Schaltflächen, kein Laufband – so wollte es der Salon.

Umsetzung

Die Seite ist ein Onepager aus reinem HTML, CSS und JavaScript – ohne Redaktionssystem und ohne Erweiterungen, die gepflegt werden müssen. Schriften, Grafiken und Symbole liegen auf dem eigenen Server; gezeichnet haben wir sie selbst, im Strich des vorhandenen Logos. Beim Aufruf geht keine einzige Verbindung zu einem fremden Anbieter – deshalb braucht die Seite kein Einwilligungsfenster.

Der Fuchs darf dabei mitspielen: Er schläft im Kopfbereich, lässt sich anstupsen und taucht als Stempel und Schwung an mehreren Stellen wieder auf. Der Haar-Check fragt in drei Schritten nach Haartyp und Wunsch und schlägt eine Pflege-Routine vor – ausdrücklich als Anregung, nicht als Ersatz für die Beratung im Salon. Die Pflege-Tipps stehen auf Karten, die sich umdrehen lassen und mit verbreiteten Irrtümern aufräumen.

Das Produktregal zeigt die Marken, mit denen im Salon gearbeitet wird, samt Filter nach Anwendung. Jede Karte trägt bereits die Daten, die ein Shop später braucht; bis dahin führt der Weg über „Im Salon reservieren“. Ein ruhender Shop wird nicht versteckt, sondern erklärt: Der Haarfuchs macht gerade ein Nickerchen.

Das Kontaktformular ist die einzige Stelle mit Server-Technik. Es prüft Eingaben nach Art und Länge, arbeitet mit einem signierten Zeit-Token und einer Mindestausfüllzeit, begrenzt Anfragen pro Anschluss, wehrt eingeschleuste Kopfzeilen ab und gibt nichts von dem zurück, was jemand eingetippt hat. Die Zugangsdaten liegen außerhalb des Web-Ordners. Gezählt wird mit Matomo ohne Cookies auf einem Server in Deutschland; wer nicht gezählt werden möchte, schaltet es auf der Datenschutzseite ab.

Ergebnis

• Eine Adresse, die jahrelang leer stand, arbeitet wieder – als Zubringer für den Salon.
• Kein Redaktionssystem, keine Datenbank, kein Cookie-Banner: wenig Angriffsfläche, wenig Pflege.
• Termin-Tipps nehmen den vollen Kalender vorweg und sagen, wie es trotzdem klappt.
• Der spätere Onlineshop kann an den vorbereiteten Produktbereich andocken.
• Die Seite erklärt sich auch Sprachmodellen: strukturierte Daten zum Salon und eine llms.txt gehören dazu.