Webentwicklung
Fünf Salons, eine Website
Für einen Friseurbetrieb mit fünf Standorten ist genau das die Aufgabe: eine Website, die die Marke trägt und trotzdem jeden Salon einzeln auffindbar macht.
hairlodge.atEine Marke, fünf Standorte, fünf Preislisten
HAIRLODGE führt fünf Friseursalons in Tirol unter einer Marke. Die Website hält sie zusammen und macht trotzdem jeden Standort für sich beantwortbar: Adresse, Öffnungszeiten, Team und die vollständige Preisliste stehen auf der jeweiligen Salonseite, die Buchung führt von dort direkt in das Terminsystem des Salons.
Die vier Ebenen der Umsetzung
Sieben Seitentypen, zwei Sprachen Startseite, Standortübersicht, fünf Salonseiten mit voller Preisliste, Rituale, Produkte, News mit Detailbeiträgen und Karriere, jeweils auf Deutsch und Englisch. Dazu drei Formulare mit eigenen Endpunkten, ein Cookie-Banner mit vier Wahlmöglichkeiten und eine Google-Maps-Einbindung, die erst nach Einwilligung lädt. Die Navigation trägt Sprachumschalter und Buchungsbutton, das Vollbildmenü zusätzlich alle Kontaktdaten.
EscJede Seite mit eigenem Signal Eigener Title und eigene Description je Seite, genau eine H1, Canonical und hreflang für Deutsch, Englisch und x-default. Die Sitemap führt 32 URLs, die robots.txt sperrt die Formularendpunkte und verweist auf die Sitemap. Die Salonseiten tragen HairSalon-Schema mit Postanschrift, Geokoordinaten, Telefon, Preisrahmen, Öffnungszeiten für alle Wochentage und der Buchung als ReserveAction.
EscAntwortbare Fakten im Quelltext Was jemand eine KI fragt, steht hier als Fließtext und nicht in einer Grafik: Leistungen, Adressen, Öffnungszeiten und die komplette Preisliste inklusive Aufschlägen und Modelpreisen. Nichts davon wird nachgeladen. Telefonnummern und E-Mail-Adressen aller fünf Salons liegen im Menü jeder einzelnen Seite und sind damit von jeder URL aus zitierbar.
EscVon 1440 bis 375 Pixel geprüft Auf 375 Pixel kein horizontales Scrollen, weder auf der Startseite noch auf der längsten Salonseite: die Dokumentbreite entspricht exakt der Fensterbreite. Die Navigation klappt in ein Vollbildmenü mit gesperrtem Seitenscroll, Escape schließt. Preistabellen fallen zu Kategorie-Akkordeons zusammen, der Buchungsknopf bleibt unten rechts stehen. Im Stylesheet sitzen 102 clamp-Regeln und 19 Blöcke für reduzierte Bewegung.
Esc
Fünf Salonseiten mit voller Preisliste
Sieben Seitentypen in zwei Sprachen, drei Formulare und eine Buchung, die von jeder Seite aus erreichbar bleibt.
Jeder Standort bekommt eine eigene Seite mit Adresse, Telefonnummer, Öffnungszeiten, Team und der kompletten Preisliste. Die Kategorien klappen einzeln auf und zeigen vorab die Anzahl der Leistungen. In der Navigation der Salonseite steht statt des Claims der aktuelle Öffnungsstatus.
Buchung von jeder Seite aus
Der Buchungsbutton sitzt fest in der Navigation, ein zweiter bleibt beim Scrollen unten rechts stehen. Dahinter liegt das Salonsystem Phorest mit einer eigenen Buchungsadresse je Salon. Am Seitenende führen fünf Standortknöpfe direkt in die Buchung des jeweiligen Salons.
Menü als Kontaktverzeichnis
Das Vollbildmenü führt fünf nummerierte Punkte von den Standorten bis zur Karriere und listet darunter Telefonnummer und E-Mail-Adresse jedes einzelnen Salons. Damit ist der Kontakt von jeder URL aus erreichbar, nicht nur über eine Kontaktseite. Escape schließt das Panel.
Drei Formulare mit eigenen Endpunkten
Die Modelanmeldung läuft zweistufig im Popup, die Bewerbung nimmt Dateien entgegen, der Newsletter sitzt im Menü und in einem eigenen Overlay. Alle drei tragen eine Datenschutz-Checkbox und ein verstecktes Feld, das automatisierte Einsendungen abfängt. Die Endpunkte selbst sind in der robots.txt gesperrt.
Zwei Sprachen, ein Baum
Neben dem deutschen Auftritt steht ein vollständiger englischer Zweig unter /en/: Startseite, Standorte mit allen fünf Salons, Treatments, Produkte, Karriere, News samt Beiträgen, Impressum und Datenschutz. Der Umschalter liegt in der Navigation, hreflang verbindet die Fassungen für de-AT, en-GB und x-default.
News, Produkte und die nächste Standortseite
Ein Newsbereich mit Detailseiten in beiden Sprachen, eine Produktseite, die die vier verwendeten Pflegemarken redaktionell erklärt, und eine vorbereitete Standortseite mit Countdown für den sechsten Salon. Diese steht auf noindex und ist nicht in der Sitemap, konkurriert also nicht mit den bestehenden Salonseiten.
Was wir für HAIRLODGE machen
1 von 8 Leistungen umgesetzt
Website
Für die Tiroler Friseurgruppe HAIRLODGE: jeder Salon mit eigener Preisliste, eigenen Öffnungszeiten und eigener Online-Buchung, zusammengehalten von einer Marke und verdoppelt in einem vollständigen englischen Seitenbaum.
Diese Seite
Nicht Teil dieses Projekts, aber Teil unseres Angebots.
Marketing & Strategie
Social Media
Fotoproduktion
Videoproduktion
Grafik & Branding
Virtueller Rundgang
Employer Branding