Leadframe

Выбор мастера — часть характера

СРЕЗ.

Выразительный сайт городского барбершопа

Выразительный дизайн барбершопа с акцентом на команду, стиль работ и самостоятельный выбор времени визита.

Смотреть интерфейс
СРЕЗПервый экран
Общий вид проекта «СРЕЗ»
Ниша
Красота и уход
Направления
ЛендингиДизайнКонтекстная реклама
Участие студии
Дизайн и проработка сценариев

01 / Контекст

Найти своего мастера.
Записаться на стрижку.

В этом проекте основной герой — мастер. Посетитель выбирает человека и его стиль, а затем услугу и время. Тёмный визуальный язык и крупная типографика подчёркивают характер заведения, сохраняя прикладную логику записи.

Для кого

Посетители барбершопа, которые выбирают мастера по работам и специализации и хотят самостоятельно спланировать визит.

Взгляд посетителя

Три вопроса до записи

  1. Какой мастер мне подойдёт?
  2. Сколько стоит услуга?
  3. Когда можно записаться?

Что должна решить страница

  1. Знакомство с командой

    Сделать команду центральной частью подачи.

  2. Работы и услуги

    Связать портфолио мастера с выбором услуги.

  3. Следующий шаг

    Показать запись как продолжение знакомства.

02 / Дизайн и структура

У каждого решения
есть своя задача

От первого знакомства —
к следующему шагу.

01

Выразительность с одним акцентом

Угольный фон, чёрно-белая фотография и лаймовый цвет формируют визуальный ритм. Акцент используется для выбора и записи, поэтому декоративная выразительность остаётся связанной с действием.

02

Мастера показаны как специалисты

Портреты дополнены направлениями работы, примерами стрижек и выбором мастера. Такая подача даёт основание для предпочтения, а не превращает команду в случайную галерею лиц.

03

Сценарий для нового посетителя

Услуги и запись продолжают знакомство с мастером. На мобильных экранах выбор даты и времени сохраняет связь с человеком и услугой.

мастера и специализации
Команда
стиль работы в деталях
Портфолио
выбор визита в интерфейсе
Время

03 / Интерфейс

От общего — к деталям

Листайте экраны. Любое изображение можно открыть на весь экран.

Атмосфера барбершопа

Общее визуальное направление и ключевые разделы интерфейса.

04 / Мобильный опыт

Та же задача.
Меньше экран.

На телефоне мастер, услуга и время образуют последовательный путь. Тёмная палитра сохраняется, а выбранные действия выделены одним ярким цветом.

  • Услуги разделены по категориям.
  • В профиле видны фото и работы мастера.
  • Запись сохраняет выбранный контекст.

Услуги барбершопа

Путь пользователя

Интерфейс ведёт
к следующему шагу

Структура складывается вокруг действий посетителя: что ему нужно узнать, с чем сравнить и в какой момент принять решение.

  1. 01

    Оценить атмосферу

    Познакомиться с визуальным характером заведения.

  2. 02

    Выбрать мастера

    Посмотреть портрет, специализацию и примеры работ.

  3. 03

    Определиться с услугой

    Сравнить стрижки, оформление бороды и комплексы.

  4. 04

    Выбрать визит

    Уточнить дату и свободное время в сценарии записи.

Итог / Состав проекта

Что собрали
в одном решении

Создана визуальная работа с выразительной типографикой, подачей услуг и последовательным переходом к записи.

В составе проекта

  • Визуальное направление
  • Главная страница барбершопа
  • Дизайн раздела мастеров
  • Галерея работ специалиста
  • Подача услуг и цены
  • Мобильный сценарий записи

Остался вопрос?

Расскажите о вашей задаче. Уточним детали и поможем выбрать подходящий формат работы.