СЕМЕЙНЫЙ ОТДЫХ / UX / КОНТЕНТ2026

УЛЕЙ

Праздник начинается с понятного выбора.

Сайт семейного центра помогает разобраться в комнатах и пакетах, посмотреть пространство и перейти к записи. Маскоты, фотографии и подбор связывают эмоцию с конкретным предложением.

Автор проекта и разбора — Эрнест, дизайнер и разработчик.

СТАТУС: В ПРОДАКШЕНЕ
МОЯ РОЛЬ: Стратегия · UX/UI · разработка · CMS

01 / ЗАДАЧА

С чего всё
началось.

Семья выбирает сразу несколько вещей: размер компании, день, программу и бюджет. Эти условия нужно показать вместе с атмосферой центра, составом пакета и понятным следующим шагом.

ЛОГИКА ПРОЕКТА

От пожеланий — к формату праздника.

НАЧИНАЕМ С ПОЖЕЛАНИЙ

01Компания
02День
03Программа
04Бюджет

ПРЕДЛОЖЕНИЕ САЙТАКомната
+ пакет

Фотографии, состав
и цена выбранного формата

ЗАПИСЬ ПРОДОЛЖАЕТСЯ ВYCLIENTS

Квиз предлагает комнату и пакет. Выбор времени и оформление записи продолжаются во внешнем YCLIENTS.

02 / КЛЮЧЕВЫЕ РЕШЕНИЯ

Что делает
проект сильнее.

Условия собраны вокруг сценария семьи

Подбор разбит на четыре вопроса. В результат вынесены комната, пакет, фотографии и цена для будней или выходных. Страницы пакетов позволяют изучить детали отдельно от квиза.

Формат отдыха можно оценить до разговора с менеджером.

Атмосфера помогает представить посещение

Фирменные пчёлы, фотографии комнат, галереи и движение создают узнаваемую среду. Секции ниже первого экрана вынесены в отдельные React-модули.

Визуальный рассказ подкреплён изображениями самого пространства.

Повседневный контент вынесен в CMS

Акции, отзывы, видео, партнёры и часть медиа редактируются через API. Общий хук объединяет одновременные запросы контента и обновляет данные после сохранения в админке.

Команда может менять материалы сайта через рабочий интерфейс.

03 / ГРАНИЦЫ РЕШЕНИЯ

Что важно
учитывать.

Запись находится во внешней системе

Сайт передаёт гостя в YCLIENTS. Собственная очередь бронирований и гарантированная передача ответов квиза в запись в этом решении не реализованы.

Подбор и тарифы требуют доработки

В текущей реализации расчёт может пропускать последний ответ о бюджете. Цены пакетов хранятся в исходниках, поэтому CMS пока не управляет всем предложением.

СЛЕДУЮЩИЙ ШАГ

Исправить учёт последнего ответа и проверить все сочетания условий подбора.
Перенести тарифы в единый источник данных и связать выбранный формат с записью.

04 / ТЕХНИЧЕСКИЙ ПАСПОРТ

На чём
это работает.

React + TypeScript + Vite: страницы, подбор и административный интерфейс
Express + SQLite: API контента и локальная база
Framer Motion + Swiper: движение и галереи

ВАШ ПРОЕКТ

Нужен сайт для вашего центра?

Расскажите, что хотите сделать. Обсудим задачу и следующий шаг.

Обсудить задачу

С чего всё началось.