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 майстрів вибухнуло. Клієнти пишуть, до якого крісла хочуть, на імʼя, ще до того як зайшли. Ми — шоп на пʼять майстрів, не мережа. Новий сайт нарешті виглядає так, як шоп відчувається вживу.