Сделать сложный выбор прозрачным
Запись через звонок или переписку скрывает цену, длительность и совместимость услуг. Администратор вручную уточняет детали, а гость не уверен, сколько займёт визит.
К избранным проектамЗаписаться Бизнес-задача Продуктовое решение
Продуктовая концепция · Мужской стиль
Визит начинается до того, как гость откроет дверь
Кинематографичная концепция DARES WEB для премиального барбершопа с конфигуратором услуг, мастеров и доступного времени.
- Next.js
- TypeScript
- Zod
- LocalStorage
ATELIER / 24
Демо-продукт DARES WEB
Шаг 01 / 04
Соберите свой визит
Основная услуга определяет совместимые дополнения, доступных мастеров и итоговую длительность.
Мужская стрижка
60 минут · 2 500 ₽
Стрижка машинкой
40 минут · 1 800 ₽
Оформление бороды
40 минут · 1 700 ₽
Королевское бритьё
50 минут · 2 200 ₽
Собрать визит как единый продукт
Конфигуратор собирает услугу как продукт: предотвращает несовместимые сочетания, фильтрует мастеров и предлагает только те интервалы, куда помещается весь визит.
Ключевые решения
Арт-дирекция поддерживает бизнес-логику, а не скрывает её
Совместимые услуги
Одна основная услуга и только те дополнения, которые действительно сочетаются с ней.
Живой расчёт
Цена, длительность и количество услуг меняются сразу после каждого выбора.
Фильтрация мастеров
Профиль показывается, только если мастер выполняет весь выбранный набор.
Расписание по длительности
Слот доступен, если полный визит помещается до закрытия и не пересекает занятость.
Локальный репозиторий
Завершённая демо-запись проходит Zod-проверку и сохраняется отдельно от Tutor Demo.
Честные границы демо
Нет фиктивной CRM, оплаты, уведомлений или отправки данных в форму DARES WEB.
Фотоархитектура готова к реальным материалам
На этапе 4A используются лёгкие CSS-композиции без внешних ссылок и сдвигов макета. В файле требований к ассетам описаны точные пропорции и назначение будущих фотографий.
Ограничения этапа 4A
- Запись сохраняется только в текущем браузере.
- Профили, цены, отзывы и расписание демонстрационные.
- Нет CRM, оплаты, уведомлений и рабочей админ-панели.
Интерактивный сценарий
Открыть демо