Yoga-glamping

Информация о проекте

Глэмпинг-пространство, объединяющее отдых на природе с йога-практиками и ретритами. На момент обращения клиент имел только дизайн-макеты нового сайта, а действующий ресурс на Tilda не справлялся с бизнес-задачами: отсутствовала гибкость для масштабирования, бронирования и интеграции с внутренними сервисами.

Цели создания сайта:

• Реализовать pixel-perfect верстку по готовому дизайну с последующей посадкой на WordPress для удобного управления контентом.
• Интегрировать сложные пользовательские сценарии: интерактивные карты, модальные окна с динамическими данными, слайдеры с расписанием мероприятий.
• Обеспечить стабильную работу форм обратной связи и бронирования с защитой от спама и корректной доставкой писем.
• Создать масштабируемую структуру, позволяющую легко добавлять новые дома, мероприятия и SEO-страницы.

Решение
Проект начался с глубокого анализа предоставленных макетов: более 30 уникальных страниц, включая главную, карточки домов, календарь мероприятий и блог. С первого созвона мы определили ключевые риски — отсутствие в дизайне интерактивных элементов (анимаций, состояний кнопок, модальных окон) и нестандартных технических решений, таких как карта с кликабельными плашками. Мы сразу предложили разделить этапы: сначала точная верстка в полном соответствии с макетом, затем проработка «невидимых» в дизайне, но критически важных для UX механик.

После утверждения верстки мы приступили к разработке на WordPress. Одной из главных сложностей стала настройка SMTP: изначальные данные от хостинга не работали, попытка использовать Google OAuth требовала сложной настройки в консоли и в итоге привела к техническим ограничениям плагина. Мы оперативно предложили альтернативу — создание почтового ящика на Яндексе с паролем приложения — и настроили отправку писем за несколько часов. В результате все формы бронирования и обратной связи заработали стабильно, а письма стали дублироваться на нужные адреса.

Отдельное внимание мы уделили пользовательскому опыту. Когда выяснилось, что на некоторых страницах можно отправить пустую заявку, мы не просто добавили валидацию — мы внедрили комплексную защиту: honeypot-поля, nonce-токены и кастомные проверки, полностью исключив возможность спама. Позже, по запросу клиента, дополнительно проработали возможность установки Yandex SmartCaptcha.

На всех этапах мы поддерживали плотную коммуникацию: клиент присылал правки в Google Docs, мы оперативно комментировали реализуемость и трудоемкость, а сложные моменты выносили на созвоны с демонстрацией экрана. Такой подход позволил держать все процессы прозрачными и избежать накопления технического долга.