Fiktive Konzeptstudie
Studio Noir
Eine One-Page-Website für Salon, Barber und Beauty unter einem Dach — unsere Studie dazu, ein Wortmarken-Erkennungszeichen, einen dunklen Grund und fünf sehr unterschiedliche Leistungen zu tragen, ohne dass die Seite in fünf Marken zerfällt.
01 Overview
Ein Salon, der auch Barber, Nägel, Brows und Braut-Styling anbietet, wirkt fast immer wie fünf verschiedene Unternehmen, die auf eine Startseite geklebt wurden. Studio Noir ist unsere Studie zum Gegenteil: ein Wortmarken-Erkennungszeichen, ein dunkler Grund, ein Akzent — durchgezogen über Haare, Barber, Nägel, Beauty & Brows und Braut, ohne dass ein einziger Abschnitt aus der Disziplin ausschert.
Mehrleistungs-Studios lösen ihr Sortimentsproblem meist mit einem Tab pro Leistung, und jeder Tab bringt still seine eigene Bildsprache mit — ein anderer Akzent, ein anderer Kartenstil —, bis die Seite wie fünf Anbieter unter einem Dach wirkt statt wie ein Atelier. Auch das Vertrauenssignal (Bewertung, Anzahl) landet meist unter dem Falz, genau dann, wenn eine Besucherin in den ersten zehn Sekunden entscheidet, ob sie dem Ort ihre Haare oder ihre Brauen anvertraut.
Deshalb laufen alle Disziplinen durch dieselben nummerierten, redaktionellen Zeilen statt durch ein Raster aus Icon-Karten — Haare, Barber, Nägel, Beauty & Brows, Braut & Anlass lesen sich als ein Atelier-Index, nicht als fünf Speisekarten. Die Bewertung (9,6/10, 214 Bewertungen) sitzt als lebendes HUD im Hero, über dem Falz, noch bevor ein einziges Wort Text das Vertrauen selbst verdienen muss. Und das Erkennungszeichen der Wortmarke — das punktlose 'ı', dessen Punkt eine Champagner-Perle ist — taucht in Akzentgröße immer wieder auf der Seite auf, sodass die fünf Leistungen aus der Nähe trotzdem wie eine Marke wirken.
Studio Noir ist kein echter Salon, sondern eine Designstudie. Salon, Team und jede Zahl auf der Seite sind erfunden: Sie zeigen eine Idee und stehen für keinen Kunden.
- Type
- Website · 4 Seiten
- Industry
- Salon · Barber · Beauty
- Role
- Konzept · Art Direction · Webdesign · Umsetzung
- Format
- Desktop + Mobile
- Year
- 2026
- Status
- Fiktive Konzeptstudie
02 Art Direction
Ein warm beleuchteter Hero, zwei nähere Lesarten — die ganze Szene, die die Seite öffnet, das Beauty-Band, das beweist, dass Studio Noir kein gewöhnlicher Barbershop ist, und der Instrumenten-Ausschnitt, der dasselbe warme Champagnerlicht bis ins kleinste Detail trägt.
Der Hero hält die ganze Szene — das Motiv warm beleuchtet vor dem Espresso-Kohle-Grund, ein kinetisches Wortmarken-Band scrollt dahinter, ein Bewertungs-HUD ist unten rechts verankert, sodass Vertrauenssignal und Art Direction denselben Rahmen teilen, statt um einen zu konkurrieren.
Das Erkennungs-Band, beleuchtet in derselben Champagner-Puder-Palette wie der Hero — der Abschnitt, der beweist, dass kein gewöhnlicher Barbershop der Stadt Microblading, Lash Lifting und Braut-Styling unter einem Dach anbietet.
Eine nahe Materialaufnahme der eigenen Instrumente des Studios, eng beschnitten — die einzige Stelle, an der das Handwerk selbst, nicht das Ergebnis, den Rahmen bekommt, im selben warmen Licht wie alles darüber.
03 Type & Colour
Eine erweiterte Grotesk trägt jede Überschrift mit echter Präsenz — Archivo wird genau dort breit und schwer geschoben, wo ein Marquee-Lettering es tun würde —, eine ruhigere Grotesk übernimmt jeden Arbeitssatz, und Champagner-Gold folgt genau einer Regel: nie eine volle Fläche außer bei der einen primären Aktion.
Der Grund ist ein Espresso-Kohle, so ernst genommen wie die eigene Eingangstür des Salons, kein generisches Dark-Theme. Champagner-Gold und Puder-Rosé teilen sich die Akzentrolle — Gold auf Haarlinien, Marquee-Sternen und dem primären Button; Rosé nur im Mesh-Hintergrund, nie auf Typografie. Chrome trägt jede Zeile Fließtext auf der Kohle.
- Noir background, espresso-coal ground #1a1413
- Noir-2 raised panel, cards & HUD #241c1a
- Chrome body text on the coal #f2ebe2
- Iris champagne-gold accent, one fill #d9b27c
- Iris-2 dusty-blush accent, backdrop only #e5b0a6
Eine erweiterte Grotesk mit echtem Breitenkontrast in großer Größe für das kinetische Band und Überschriften, eine ruhige Grotesk, die jeden Arbeitssatz trägt, ohne um Aufmerksamkeit zu konkurrieren.
- NOıR Archivo Variable · 800 · Wordmark
- Dein Look. Bis ins Detail. Archivo Variable · 800 · Headline
- SALON · BARBER · BEAUTY — ERFURT Space Grotesk Variable · 600 · Uppercase label
- Haar, Barber & Beauty an einem Ort — mitten in Erfurt. Space Grotesk Variable · 400 · Body
04 Desktop
Die Seite liest sich wie der eigene Atelier-Index des Studios: erst die Aussage und der Live-Status, dann die volle redaktionelle Bandbreite der Leistungen, dann das Beauty-&-Brows-Erkennungsband, das Studio Noir absetzt, dann transparente Preise, dann 214 Gründe zu vertrauen. Nichts wird größer aufgemacht, als ein Fünf-Disziplinen-Studio tatsächlich ist.
-
01 Leistungen
Fünf Disziplinen als ein nummerierter, redaktioneller Index — Haare, Barber, Nägel, Beauty & Brows, Braut & Anlass —, jede mit eigener Nutzenzeile statt einem flachen Leistungsraster, sodass die Bandbreite als ein Atelier erscheint, nicht als fünf Speisekarten.
-
02 Beauty & Brows
Das Erkennungsband, randlos und filmisch, beweist das eine, was kein gewöhnlicher Erfurter Barbershop bietet — Microblading, Lash Lifting, Braut-Styling — im selben warmen Licht wie der Hero.
-
03 Preise
Eine transparente zweispaltige Preisliste, nach Disziplin gruppiert, die die größte Beschwerde der Bewertungsportale beantwortet — Preisüberraschungen —, noch bevor jemand fragen muss.
-
04 Bewertungen
214 Bewertungen als Zahl neben vier echten Stimmen aus jeder Disziplin des Studios, nicht nur Haarschnitten — der Beweis, dass die Bandbreite selbst trägt.
05 Mobile
Eine Buchung über fünf Disziplinen wird meist auf dem Handy entschieden, mitten im Scrollen durch eine Empfehlung — der schmale Bildschirm hält die Aussage, das lebende Bewertungs-HUD und den Buchungs-Button im ersten Screen, während das kinetische Wortmarken-Band weiter im Hintergrund scrollt.
-
01 Der Einstieg
Das Bewertungs-HUD rutscht unter die Überschrift statt daneben, bleibt aber im ersten Screen — das Vertrauenssignal übersteht die schmalere Breite unverändert.
-
02 Leistungen
Die fünf nummerierten Zeilen stapeln sich einspaltig mit jeder Nutzenzeile erhalten — an der Bandbreite wird nichts gekürzt, nur damit es passt.
-
03 Kontakt
Telefon, WhatsApp und Adresse stehen als ein Daumenbreiter Aktions-Stapel direkt über den Öffnungszeiten, sodass Anrufen und Wann-anrufen auf demselben Screen bleiben.
Dieselbe Bandbreite, ein Daumen — die Aussage und der Buchungs-Button bleiben zuerst, egal wie lang die Seite wird.
06 The Craft
Studio Noir gibt es nicht. Die Disziplin dahinter schon.
So trägt SYNCUP ein Wortmarken-Erkennungszeichen und einen dunklen Grund über fünf sehr unterschiedliche Leistungen, ohne dass die Seite in fünf Marken zerfällt — ein Erkennungszeichen interpretiert, nie kopiert, und bis zum Pixel durchgehalten.
Alles, was Sie gerade gesehen haben — die ernst genommene Espresso-Kohle, Champagner-Gold nach genau einer Regel, die punktlose-i-Perle, die auf jeder Größe wiederkehrt — bringen wir in einen echten Salon, Barbershop oder ein echtes Beauty-Studio. Ihre Website würde Ihre eigene Bandbreite, Ihr eigenes Team und Ihren eigenen Namen tragen.
STUDIO NOIR ist ein erfundener Salon — eine Designstudie von SYNCUP Agency. Salon, Team und Kontaktdaten sind erfunden und stehen für kein echtes Unternehmen.