Экраны продукта 06
- 01 Первый экран и ближайшее окно
- 02 Услуги и цены
- 03 Мастера
- 04 Онлайн-запись
- 05 Работы
- 06 Контакты и маршрут
Одностраничный сайт студии красоты, где клиентка за минуту видит цену, выбирает мастера и записывается на свободное время. Записи не теряются в мессенджерах, а предоплата и напоминания защищают окна мастеров.
- Ближайшее окно на первом экране Сайт показывает ближайшее свободное время и услугу — запись начинается без прокрутки.
- Прайс с длительностью Волосы, ногти, брови: цена «от» и длительность каждой услуги, чтобы клиентка планировала время.
- Мастера с работами Стаж и примеры работ каждого мастера — выбор не только по цене.
- Запись с предоплатой Расписание из Google Calendar, задаток картой, подтверждение и напоминание в Telegram.
Студия с тремя мастерами принимала записи в директе Instagram, в Viber и по телефону. Администратор вечером переносила их в тетрадь, часть сообщений оставалась без ответа до утра. Цены писали в личные, поэтому человек, который хотел просто узнать стоимость маникюра, часто не писал вовсе. Когда клиентка не приходила, окно мастера пропадало: предоплаты не было.
Сделали одну страницу, построенную вокруг записи. Первый экран — ближайшее свободное окно и кнопка «Выбрать время». Прайс разделён на волосы, ногти и брови: у каждой услуги цена «от» и длительность. У каждого мастера — стаж и работы. Запись берёт расписание из Google Calendar, принимает предоплату картой и отправляет подтверждение и напоминание в Telegram. Прайс и мастеров студия меняет сама в CMS.
-
Было Записи шли через директ, Viber и звонки, их переносили в тетрадь.
Стало Запись попадает в календарь мастера сразу, без администратора.
-
Было Цену писали в личные, часть людей не спрашивала вовсе.
Стало Цена «от» и длительность каждой услуги видны до записи.
-
Было Клиентка не пришла — окно мастера пропало.
Стало Предоплата закрепляет время, напоминание приходит накануне.
03 · Путь клиента
Как человек проходит продукт — от первого шага до результата, который нужен бизнесу.
-
Находит студию
Поиск или карта Google: адрес, график и кнопка записи на первом экране.
-
Смотрит цены
Прайс по направлениям, цена «от» и сколько длится услуга.
-
Выбирает мастера
Стаж и работы каждого мастера — на той же странице.
-
Записывается
Свободное окно, предоплата картой, подтверждение в Telegram.
04 · Что внутри проекта
-
Прайс с длительностью услуг на сайте, а не в директе
-
Мастера со стажем и работами «до и после»
-
Запись на свободное окно из Google Calendar без звонка
-
Предоплата картой при записи
-
Подтверждение и напоминание накануне в Telegram
Меньше пропущенных визитов и меньше вечерней переписки — предоплата и напоминания снимают часть неявок. Это ориентир, а не обещание.
05 · Архитектура
Как устроен продукт: от того, что видит пользователь, до данных и сервисов, с которыми он работает.
- Пользователь Открывает сайт с телефона или компьютера
- Интерфейс Что видит и нажимает человек
- Astro
- Логика Правила, роли и сценарии
- Google Calendar API
- Telegram Bot API
- LiqPay
- Данные и интеграции Где лежат данные и с чем обменивается продукт
- Sanity
06 · Как строится такой проект
Итого: 3–4 недели- Бриф и исследование Цели, аудитория, структура страниц и что должен делать продукт
- UX/UI-дизайн Прототип, дизайн ключевых экранов и мобильной версии
- Разработка Вёрстка, CMS, интеграции и анимации
- QA и запуск Проверка на устройствах, скорость, SEO-база и запуск
Типовое распределение этапов для проекта такого объёма
07 · Услуги в этом проекте
Решения под конкретную задачу
Готовые сценарии под ваш случай — с примерами и ориентировочными ценами.
- E-commerce · маркетплейсы Разработка маркетплейса под ключ Смотреть решение
- CRM · оптовые продажи CRM для опта: сделка ведётся от заявки до оплаты Смотреть решение
- Сайты · гостиничный бизнес Сайт для отеля: бронирования принимаются круглосуточно Смотреть решение
- E-commerce · бьюти Интернет-магазин косметики, который доводит до кассы Смотреть решение
- CRM · логистика CRM для логистики: отслеживание грузов без звонков «где мой груз» Смотреть решение
- Визитка · юридические услуги Сайт для юриста: визитка, где видно специализацию Смотреть решение
- Лендинг · автосервис Лендинг для автосервиса, который собирает записи Смотреть решение
- Сайты · медицина и стоматология Сайт для клиники: запись к врачу без звонка Смотреть решение
- Сайты · салоны красоты Сайт для салона красоты: клиент записывается сам Смотреть решение
