Wayward Barbershop
Editorial single-page для барбершопа в Барри, Онтарио, со школой Schorem за плечами. Бронирование за 90 секунд — кресло, мастер и время выбраны до того, как посетитель долистал страницу.
Проблема, которую мы пришли решать.
Generic small-business шаблон со stock-фото барбершопов, размытая 'book online' кнопка, ведущая на сторонний виджет, который запрашивал слишком много данных. Пять мастеров с международным образованием — обезличенная 'команда'.
Editorial-скролл, который читается как lifestyle-журнал, открывается интерьером бренда, выводит каждого мастера как личность, показывает три цены up-front и ставит виджет бронирования там, где посетитель уже убедился.
Контекст
Шоп с пятью мастерами и серьёзным craft-бэкграундом — большинство команды отучились в Schorem Academy в Роттердаме — сидел на generic small-business шаблоне. Сайт не отражал lifestyle-бренд, который владельцы построили вживую, не выводил ростер мастеров, и прятал бронирование на третьем клике за generic-виджетом.
Подход
Single-page editorial в тёмной + warm-gold палитре под интерьер шопа. Кастомный hero с фото атмосферы и tattoo-inspired логотипом. Пять карточек мастеров, у каждого — диплом Schorem и personality-копирайт, вместо стандартного 'meet the team' грида. Сетка услуг с тремя прозрачными ценами (стрижка $35–50, борода, straight-razor) — никакого 'request a quote'. Mangomint-бронирование вшито inline, чтобы выбор кресло-мастер-время уложился в 90 секунд. Кураторский ритейл-ряд — Crown Shaving Co, Reuzel, Layrite, Historic Brands. Instagram, TikTok, Facebook вшиты в страницу, чтобы бренд жил, а не статичен.
Как этот проект делался на самом деле.
Каждый проект оставляет бумажный след. Комментарии в Figma, ТЗ в Notion, история в GitHub, логи Vercel, треды в Telegram, первая недельная аналитика. Цифры ниже — реальные, скрины доступны по запросу под NDA.
◆ Скрины любого артефакта — по запросу. Конфиденциальные детали отредактированы.
Ключевые возможности
- ◆Editorial-герой с фото атмосферы и tattoo-inspired логотипом
- ◆Пять карточек мастеров — дипломы Schorem Academy на видном месте
- ◆Сетка услуг с прозрачными ценами — стрижка, борода, straight-razor wet shave
- ◆Встроенное Mangomint-бронирование — кресло, мастер и время за 90 секунд
- ◆Кураторский ретейл — Crown Shaving Co, Reuzel, Layrite, Historic Brands
- ◆Instagram / TikTok / Facebook вшиты в страницу, а не сосланы в футер
Результаты
Отгрузили за 4 недели от брифа до live URL. Lighthouse 99 на mobile и desktop. Booking flow до кресла — меньше 90 секунд. Секция мастеров стала самой проскролленной частью страницы в первый месяц — клиенты приходили, уже зная, к какому мастеру записаться.
Tech stack
What the client said.
Сайт вышел в эфир — DM мастеров взорвало. Клиенты пишут, к какому креслу хотят, по имени, ещё до того как зашли. Мы — шоп на пять мастеров, не сеть. Новый сайт наконец выглядит так, как шоп ощущается вживую.