STRAUCH
Redesign des digitalen Auftritts eines Berliner Traditionssalons — mit Fokus auf Orientierung, Terminfindung und mobile Nutzung.
Prototyp ansehen (öffnet in neuem Tab)
- Disziplinen
- UX Design · UI Design · Responsive Web Design
- Rolle
- Analyse · Informationsarchitektur · Gestaltung · Prototyp
- Projekt
- Selbstinitiiertes Redesign · 2026
Ein starker Salon. Ein gewachsener digitaler Auftritt.
Strauch Friseure gibt es seit 1895, heute in fünfter Generation. Auszeichnungen, ein großes Team, eine klare Spezialisierung — alles vorhanden, nur ohne erkennbare Hierarchie auf der Website.
Ich habe hier gelernt und gearbeitet. Ich kenne den Salon von innen, und genau deshalb hat mich der Auftritt gestört. Das Projekt ist selbstinitiiert; die Bewertung beruht auf einer heuristischen und strukturellen Analyse, nicht auf einer Nutzerbefragung.
Ein Strich, der wächst.
Strauch Friseure steht für gesundes Haar — pflanzenbasierte Farben, haarschonende Techniken, keine riskanten Sprünge. Das sollte im Zeichen selbst zu sehen sein.
Die Wortmarke bleibt, wie sie ist. Verändert habe ich nur den Strich darüber: Ich habe ihn gedreht. Aus dem Bogen, der vorher über dem Namen lag, wird ein kräftiges Haar, das mit der Wurzel im Wort sitzt und daraus herauswächst. Eine minimale Änderung — aber das Zeichen sagt jetzt, wofür der Salon steht.
Was sich ändern musste.
Im Bestand konkurrierten Navigation, Überschriften und Terminzugänge miteinander. Im Redesign führt eine klare Hierarchie vom ersten Eindruck zur nächsten sinnvollen Handlung.
Ziehe den Trenner — mit Maus, Finger oder Pfeiltasten.
Drei Probleme, die den Auftritt schwer machten.
Rechts läuft der bestehende Auftritt vollständig durch — von der Kopfzeile bis zum Fuß. Alle Befunde sind dort nachvollziehbar.
-
01 — Orientierung
Dreizehn Punkte, drei Titel
Leistungen, Zielgruppen, Auszeichnungen und Kontaktwege stehen gleichrangig nebeneinander. Dazu tragen drei Überschriften gleichzeitig H1 — eine Hauptaussage ist nicht erkennbar.
-
02 — Doppelungen
Dieselben Leistungen, zweimal benannt
„Das Rund-um-Paket für dein Haar“ und die Kartenreihe weiter unten überschneiden sich. Die Emojis als Gliederungsmittel stehen quer zur Premiumpositionierung und werden mit vorgelesen.
-
03 — Terminfindung
Drei Formulierungen, drei Ziele
„Terminvereinbarung“, „Termin buchen“ und „Termin vereinbaren“ führen an unterschiedliche Stellen. Allein im Titelbild sitzt ein weiterer, eigener Einstieg.
Die gesamte Startseite, aufgenommen am Live-Auftritt
Orientierung vor Dekoration.
- 01
Einstieg
Salon, Herkunft und Positionierung verstehen.
- 02
Leistung
Passendes Angebot finden.
- 03
Expertise
Arbeiten und Team beurteilen.
- 04
Termin
Direkt in die Buchung wechseln.
13→6
Navigationspunkte
3→1
Formulierungen für den Termin
3→1
H1 auf der Startseite
2→1
Listen für dieselben Leistungen
Vier Entscheidungen, sichtbar gemacht.
-
01 — Navigation
Dreizehn Punkte wurden sechs Bereiche
Der Termin steht als einzige hervorgehobene Hauptaktion rechts.
-
02 — Leistungen
Aus zwei Listen wurde eine Übersicht
Sechs Leistungen mit klaren Bezeichnungen, Untertitel und je einem passenden Bild — ohne Emoji in den Überschriften.
-
03 — Team
Rolle, Spezialisierung und Sprache sichtbar
Filter helfen dabei, passende Teammitglieder schneller zu finden. Zehn im Team gesprochene Sprachen standen bisher nirgends auf der Seite.
-
04 — Geschichte
Vorhandenes geordnet, nicht neu erfunden
125 Jahre standen vorher als Fließtextabsatz auf der Seite. Jetzt sind es vier Kapitel mit mitwachsender Zeitachse.
Vom Service zum Termin in vier Schritten.
Leistung, Person, Termin, Bestätigen — in einem Durchlauf. Leistungen, Preise und Dauer stammen vom Salon. Freie Termine sind Beispieldaten; der Prototyp versendet keine Buchung.
Für kleine Screens neu geordnet.
Geprüft zwischen 320 und 1680 Pixel. Auf kleinen Screens wechseln Teamtexte unter das Bild, damit die Porträts sichtbar bleiben.
Der neue Auftritt im Zusammenhang.
Ungeschnitten und ohne Ton. Bei reduzierter Bewegung erscheinen Bedienelemente statt eines automatischen Starts.
- Orientieren
- Vertrauen
- Buchen
Was ich aus dem Projekt mitnehme.
- 01
Ich musste nichts erfinden. Alles war schon da — 125 Jahre, die Auszeichnung, ein Team aus über zwanzig Leuten. Es stand nur in der falschen Reihenfolge. Zurückzutreten und zu ordnen war schwerer, als etwas Neues zu bauen.
- 02
Drei H1 auf einer Seite kann ich zeigen. Dass eine Seite „moderner“ wirkt, ist meine Meinung. Diesen Unterschied sauber zu ziehen, hat aus einem Bauchgefühl eine Argumentation gemacht.
- 03
Ich habe in diesem Salon gelernt. Ich weiß, wie es riecht, wenn morgens aufgeschlossen wird, und wie Domenik mit Kundinnen redet. Eine Seite zu bauen, die sich anfühlt wie ein Besuch dort, war für mich keine Übung — es war der Grund, überhaupt anzufangen.
