Вымышленный концепт
Studio Noir
Одностраничный сайт для салона, барбершопа и бьюти-студии под одной крышей — наше исследование о том, как пронести один фирменный знак леттеринга, один тёмный фон и пять очень разных услуг так, чтобы страница не рассыпалась на пять разных брендов.
01 Overview
Салон, который также занимается барберингом, ногтями, бровями и свадебным styling, почти всегда выглядит как пять разных бизнесов, приклеенных к одной главной странице. Studio Noir — наше исследование обратного: один фирменный знак леттеринга, один тёмный фон, один акцент — пронесённые через Haare, Barber, Nägel, Beauty & Brows и Braut без единого раздела, ломающего дисциплину.
Студии с несколькими услугами обычно решают проблему ассортимента вкладкой на каждую услугу, и каждая вкладка незаметно тащит за собой свой визуальный язык — другой акцент, другой стиль карточек — пока страница не начинает читаться как пять поставщиков под одной крышей, а не одно ателье. Сигнал доверия (рейтинг, число отзывов) тоже обычно уходит под первый экран, ровно тогда, когда посетитель в первые десять секунд решает, доверить ли этому месту свои волосы или брови.
Поэтому все направления проходят через одни и те же пронумерованные редакционные строки вместо сетки иконок-карточек — Haare, Barber, Nägel, Beauty & Brows, Braut & Anlass читаются как единый индекс ателье, а не пять меню. Рейтинг (9,6/10, 214 отзывов) сидит в живом HUD в хиро, над первым экраном, ещё до того, как хоть одно слово текста должно само заслужить доверие. А фирменный знак леттеринга — точка-i без точки, чья точка стала шампань-бусиной, — повторяется акцентным размером по всей странице, поэтому пять услуг всё равно читаются как один бренд вблизи.
Studio Noir — не настоящий салон, а дизайн-исследование. Салон, команда и любая цифра на странице придуманы: они показывают идею и никого не заменяют.
- Type
- Сайт · 4 страницы
- Industry
- Салон · Барбершоп · Beauty
- Role
- Концепт · Арт-дирекция · Веб-дизайн · Разработка
- Format
- Desktop + Mobile
- Year
- 2026
- Status
- Вымышленный концепт
02 Art Direction
Один тепло освещённый хиро, два более тесных прочтения — вся сцена, открывающая страницу, полоса Beauty, доказывающая, что Studio Noir не обычный барбершоп, и кроп инструментов, несущий тот же тёплый шампань-свет до мельчайшей детали.
Хиро держит всю сцену — субъект тепло освещён на фоне эспрессо-угольного грунта, кинетическая лента леттеринга скроллится позади, а HUD рейтинга закреплён справа внизу — сигнал доверия и арт-дирекция делят один кадр вместо конкуренции за него.
Фирменная полоса, освещённая в той же шампань-пудровой палитре, что и хиро, — раздел, доказывающий, что ни один обычный барбершоп города не предлагает микроблейдинг, лифтинг ресниц и свадебный styling под одной крышей.
Тесный материальный кадр собственных инструментов студии, плотно обрезанный, — единственное место, где кадр достаётся самому ремеслу, а не результату, в том же тёплом свете, что и всё выше.
03 Type & Colour
Один расширенный гротеск несёт каждый заголовок с настоящим присутствием — Archivo растянут широко и жирно ровно там, где это сделала бы вывеска-марки, — более спокойный гротеск ведёт каждую рабочую фразу, а шампань-золото подчиняется ровно одному правилу: никогда не полная заливка, кроме одного основного действия.
Фон — эспрессо-угольный, воспринятый так же серьёзно, как собственная входная дверь салона, а не типовая тёмная тема. Шампань-золото и пудровый розовый делят роль акцента — золото на тонких линиях, звёздах марки и основной кнопке; розовый только в фоновой сетке, никогда на типографике. Chrome несёт каждую строку основного текста на угле.
- 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
Расширенный гротеск с настоящим контрастом ширины в крупном размере для кинетической ленты и заголовков, спокойный гротеск, несущий любую рабочую фразу, не конкурируя за внимание.
- 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
Страница читается как собственный индекс ателье студии: сначала заявление и живой статус, потом полный редакционный диапазон услуг, потом фирменная полоса Beauty & Brows, выделяющая Studio Noir, потом прозрачные цены, потом 214 причин доверять. Ничего не приукрашено, чтобы выглядеть крупнее, чем студия из пяти направлений на самом деле.
-
01 Leistungen
Пять направлений как единый пронумерованный редакционный индекс — Haare, Barber, Nägel, Beauty & Brows, Braut & Anlass, — у каждого своя строка выгоды вместо плоской сетки услуг, поэтому диапазон читается как одно ателье, а не пять меню.
-
02 Beauty & Brows
Фирменная полоса, во весь экран и кинематографичная, доказывает единственное, чего не предлагает ни один обычный барбершоп Эрфурта — микроблейдинг, лифтинг ресниц, свадебный styling — в том же тёплом свете, что и хиро.
-
03 Preise
Прозрачный прайс-лист в две колонки, сгруппированный по направлениям, отвечающий на главную жалобу площадок с отзывами — сюрпризы в цене — ещё до вопроса.
-
04 Bewertungen
214 отзывов поданы как данные рядом с четырьмя отзывами живым голосом из каждого направления студии, а не только стрижек — доказательство, что диапазон сам себя держит.
05 Mobile
Запись сразу на пять направлений обычно решается в телефоне, посреди скролла по рекомендации, — узкий экран держит заявление, живой HUD рейтинга и кнопку записи в первом экране, пока кинетическая лента леттеринга продолжает скроллиться фоном.
-
01 Der Einstieg
HUD рейтинга опускается под заголовок вместо того, чтобы стоять рядом, но остаётся в первом экране — сигнал доверия переживает более узкую ширину без изменений.
-
02 Leistungen
Пять пронумерованных строк складываются в один столбец с сохранением каждой строки выгоды — диапазон нигде не урезан ради того, чтобы поместиться.
-
03 Kontakt
Телефон, WhatsApp и адрес стоят одним стеком действий шириной в палец прямо над часами работы — звонок и время звонка остаются на одном экране.
Тот же диапазон, один палец — заявление и кнопка записи остаются первыми, какой бы длинной ни была страница.
06 The Craft
Studio Noir не существует. А дисциплина за ней — да.
Так SYNCUP проносит один фирменный знак леттеринга и один тёмный фон через пять очень разных услуг так, чтобы страница не рассыпалась на пять брендов, — фирменный знак интерпретирован, а не скопирован, и выдержан до самого пикселя.
Всё, что вы только что пролистали — серьёзно воспринятый эспрессо-угольный фон, шампань-золото по одному правилу, бусина точки-i, повторяющаяся на любом масштабе, — мы приносим в настоящий салон, барбершоп или бьюти-студию. Ваш сайт нёс бы ваш собственный диапазон услуг, вашу команду и ваше имя.
STUDIO NOIR — вымышленный салон, дизайн-исследование SYNCUP Agency. Салон, команда и контакты придуманы и не относятся ни к одному реальному бизнесу.