Сайт · барбершоп

Force Style — Барбершоп с онлайн-записью и клубом-абонементом

Сайт барбершопа для мужской аудитории, которая записывается с телефона и ценит своего барбера. Убирает запись по звонку: онлайн-бронь за пару минут, лукбук стрижек, команда барберов и клуб-абонемент. Дерзкая тёмная айдентика с кислотным лаймом. Hi-fi прототип на мок-данных — запись, выбор барбера и слотов работают как демо, без CRM и реальной оплаты.

✓ Сайт✓ барбершоп✓ Живое демо
Рассчитать стоимость →Написать в MAX
force-style.ru
↗
Загружаем демо…
◆Это живое демо — кликайте по интерфейсу прямо здесь. Кнопка ↗ открывает его на весь экран.

О проекте

Сайт барбершопа для мужской аудитории, которая записывается с телефона и ценит своего барбера. Убирает запись по звонку: онлайн-бронь за пару минут, лукбук стрижек, команда барберов и клуб-абонемент. Дерзкая тёмная айдентика с кислотным лаймом. Hi-fi прототип на мок-данных — запись, выбор барбера и слотов работают как демо, без CRM и реальной оплаты.

Страницы сайта

Главная

Полноэкранный hero, бегущая строка услуг, прайс-тизер, барберы, превью лукбука, тарифы клуба и отзывы с вызовом записи.

Лукбук

Галерея образов и стрижек по типам (фейд, андеркат, классика, борода) с наведением-зумом и переходом к записи.

Барберы

Карточки мастеров со специализацией, стажем и рейтингом, запись к своему барберу в один тап.

Услуги и клуб

Полное прайс-меню по категориям и тарифы клуба-абонемента (5 стрижек, безлимит-месяц) с выгодой.

Контакты

Города и адреса барбершопов, часы, мессенджеры и форма заявки «оставь заявку».

Что умеет

✓Модалка записи из 4 шагов (услуга → барбер → дата/время → контакты) с прогресс-баром и кнопкой «Далее», активной только при выборе
✓Мок-выбор дня и слотов, занятые слоты перечёркнуты и задизейблены
✓Экран успеха «Ты записан 💪» со сводкой услуги, барбера, времени и адреса
✓Прайс-меню и карточки барберов, отрисованные из JS-данных с бейджами «хит»
✓Тарифы клуба-абонемента с расчётом выгоды против разовых визитов
✓Бегущие строки-маркизы, reveal-анимации и hover с лайм-обводкой
✓Sticky-кнопка «Записаться» внизу экрана на мобильном и полноэкранное бургер-меню
✓Валидация имени, телефона и согласия на обработку ПД в форме записи

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

Хотите такой же продукт для своего бизнеса?

Расскажите про задачу — пришлём идею решения и ориентир по цене в течение дня.

Услуга по этому направлению →← Всё портфолио