Разработка современных IT-Решений
Сайт семейного комплекса Мечта
Сайт: https://anapa-mechtask.ru/
Введение: почему старый сайт перестал работать
Семейный комплекс «Мечта» расположен на первой береговой линии в Джемете (Анапа) — это 4,6 га зелёной территории, бассейн, кафе и номера для отдыха с детьми от 4 лет. Бизнес работает стабильно, но к сезону-2026 стало очевидно: сайт не конвертирует трафик в заявки.
Проблемы до обновления:
- Устаревший визуал: шаблонный дизайн 2018 года не вызывал доверия у аудитории 25–45 лет.
- Неудобное бронирование: форма не адаптирована под мобильные, нет выбора дат в реальном времени.
- Низкая скорость: загрузка более 4,5 с на 3G, высокий показатель отказов (68%).
- Отсутствие структурированной подачи инфраструктуры: гостям было сложно найти информацию о номерах, питании, безопасности.
Заказчик поставил задачу: за 3 недели до старта бронирований запустить современный, быстрый сайт, который будет продавать напрямую — без комиссий агрегаторов.
Задача: что нужно было сделать
Требование | Решение |
Современный, запоминающийся дизайн | Внедрили Bento UI — модульную сетку с акцентными блоками, визуальной иерархией и микроанимациями |
Удобное бронирование на всех устройствах | Адаптивная форма с выбором дат, количества гостей и типа номера в 3 клика |
Быстрая загрузка | Оптимизация изображений, ленивая загрузка, минификация кода — <1.8 с на 3G |
Чёткая подача инфраструктуры | Структурировали контент в Bento Grid: блоки «Бассейн», «Кафе», «Безопасность» — как карточки с иконками и кратким описанием |
Рост прямых заявок | Интеграция с Telegram-ботом для мгновенных уведомлений менеджерам |
Этапы работы
Этап 1: Анализ и проектирование (3 дня)
- Изучили ЦА: 78% посетителей — мамы 28–45 лет, принимающие решение за 1–2 дня.
- Проанализировали конкурентов: у ТОП-5 отелей Анапы нет модульного дизайна — это стало нашим УТП.
- Спроектировали прототип в стиле Bento Grid: каждый блок — самостоятельная «карточка» с функцией (бронь, фото, контакты, инфраструктура).
Этап 2: Дизайн в стиле Bento UI (5 дней)
- Почему Bento? Этот стиль идеально подходит для отелей:
- Визуальная модульность помогает быстро сканировать информацию.
- Адаптивность «из коробки»: карточки перестраиваются под любой экран.
- Акцент на контенте: фото номеров и территории выходят на первый план.
- Использовали светлую палитру с акцентами в морских тонах (#0077BE, #FFD166), крупные фото, читаемые шрифты (Inter + Manrope).
- Все интерактивные элементы (кнопки, формы) получили микроанимации для улучшения UX.
Этап 3: Разработка и интеграции (9 дней)
- Фронтенд: адаптивная вёрстка на Bootstrap 5 + кастомные классы для Bento-сетки.
- Бэкенд: доработка Yii2 Basic Template — кэширование блоков, оптимизация запросов к БД.
- Форма бронирования: выбор дат через flatpickr, валидация на JS + PHP, отправка в Telegram и на email.
- Интеграция с Яндекс.Картами для блока «Как добраться».
Этап 4: Тестирование и запуск (4 дня)
- Кроссбраузерное тестирование (Chrome, Safari, Firefox, mobile).
- Проверка скорости: Google PageSpeed — 92/100 (mobile), 98/100 (desktop).
- Настройка базового SEO: ЧПУ, микроразметка Schema.org (Hotel, LocalBusiness), meta-теги.
- Подключение Яндекс.Метрики с целями на отправку формы и клик по телефону.
Результаты через 6 недель после запуска
Показатель | До обновления | После обновления | Изменение |
Средняя скорость загрузки | 4.7 с | 1.6 с | -66% |
Конверсия в заявку | 4.2% | 9.8% | +133% |
Показатель отказов | 68% | 31% | -54% |
Прямые заявки (без агрегаторов) | 12/неделю | 47/неделю | +292% |
Позиции в Яндексе («отель Анапа первая линия») | ТОП-25 | ТОП-3 | +22 позиции |
«После запуска сайта мы впервые за 5 лет закрыли июньские брони за 3 недели. Менеджеры тратят меньше времени на уточнения — вся информация на сайте, форма работает без сбоев».
— Руководитель СК «Мечта»
Что можно было сделать лучше: честный разбор
Не внедрили онлайн-оплату в первом релизе
Заказчик решил отложить интеграцию ЮKassa до следующего сезона. В результате часть заявок «зависала» на этапе подтверждения оплаты.
Решение на будущее: добавить предоплату 10–20% для фиксации брони — это снизит процент «ноу-шоу».
Заказчик решил отложить интеграцию ЮKassa до следующего сезона. В результате часть заявок «зависала» на этапе подтверждения оплаты.
Решение на будущее: добавить предоплату 10–20% для фиксации брони — это снизит процент «ноу-шоу».
Можно было расширить контент-блок с отзывами
Сейчас отзывы подгружаются статично. Планируем подключить виджет Яндекс.Карт с автоматической синхронизацией новых оценок.
Сейчас отзывы подгружаются статично. Планируем подключить виджет Яндекс.Карт с автоматической синхронизацией новых оценок.
Часто задаваемые вопросы
Почему именно Bento UI для сайта отеля?
Bento Grid идеально решает задачу структурирования разнородного контента (номера, услуги, фото, контакты) в единой визуальной системе. Гость быстро находит нужное, не прокручивая «простыню» текста.
Bento Grid идеально решает задачу структурирования разнородного контента (номера, услуги, фото, контакты) в единой визуальной системе. Гость быстро находит нужное, не прокручивая «простыню» текста.
Сколько времени заняла разработка?
21 рабочий день от брифа до запуска. Срок сжатый, но реалистичный за счёт готового бэкенда на Yii2 и модульного подхода к дизайну.
21 рабочий день от брифа до запуска. Срок сжатый, но реалистичный за счёт готового бэкенда на Yii2 и модульного подхода к дизайну.
Как сайт помогает экономить на агрегаторах?
При комиссии агрегатора 15–20% с путёвки (от 3 500 ₽/ночь) каждая прямая заявка экономит 500–700 ₽. 47 заявок в неделю = ~25 000 ₽ экономии еженедельно. Сайт окупился за 2 недели сезона.
При комиссии агрегатора 15–20% с путёвки (от 3 500 ₽/ночь) каждая прямая заявка экономит 500–700 ₽. 47 заявок в неделю = ~25 000 ₽ экономии еженедельно. Сайт окупился за 2 недели сезона.
Поддерживается ли мобильная версия?
Да, сайт полностью адаптивен. Более 65% трафика — с мобильных, поэтому форма бронирования оптимизирована под управление пальцем, а карточки Bento Grid перестраиваются в одну колонку.
Да, сайт полностью адаптивен. Более 65% трафика — с мобильных, поэтому форма бронирования оптимизирована под управление пальцем, а карточки Bento Grid перестраиваются в одну колонку.
Вместо заключения
Обновление сайта для СК «Мечта» — пример того, как современный дизайн и техническая оптимизация напрямую влияют на прибыль в туристическом бизнесе. Bento UI — не просто тренд, а инструмент, который делает сложную информацию простой для восприятия и ускоряет принятие решения.
Мы специализируемся на разработке сайтов для отелей, баз отдыха и семейных комплексов Краснодарского края. Понимаем сезонность, знаем, как конвертировать трафик в бронирования, и запускаем проекты в сжатые сроки.
Обсудим
ваш проект?
ваш проект?
Ответим в течение 30 минут
Портфолио
Кейсы с результатами
Реальные проекты с измеримым эффектом для бизнеса. Делимся тем, чем гордимся.
Сайт детского лагеря ДОЦ Медвежонок
Как мы разработали сайт детского лагеря ДОЦ Медвежонок с нуля за 18 дней — и он принял первые заявки до начала летнего сезона.
Сайт для детского комплекса ДОК Мечта
Как мы создали полноценный корпоративный сайт для детского лагеря «Мечта» в Анапе — с нуля до запуска. Многостраничник, структура, SEO и первые заявки.
CRM для сервиса выездных услуг «Муж на час»
Как мы за месяц разработали CRM для сервиса «Муж на час»: автоматический сбор заявок с сайтов и телефонии, финансовый учёт, напоминания.