Магия пустыни и градиентов — сайт для студии медитативных практик в Дубае

In to — проект с собственной студией в Дубае, реализующий саундхилинг, медитативные, мувмент-практики и чайные церемонии.

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

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

Задачи, которые должен был решить новый сайт In to:

— привлечение новых пользователей и трафика;

— рост продаж;

— повышение лояльности клиентов, в виде увеличения повторных записей, среднего количества покупок, показателя NPS;

— оптимизация скорости обработки запросов: время подтверждения записи, доля успешных записей без технических ошибок.

Разработали ‭«под ключ» мультиязычный сайт: десктоп и адаптивную версию, а также лендинги под каждое направление студии. Осуществленные работы:

— аналитика и проектирование;

— дизайн;

— разработка и интеграции;

— техподдержка.

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

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

Мы также проработали user flow, чтобы сделать навигацию интуитивной и обеспечить плавное взаимодействие с сайтом. 

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

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

ПЕРВЫЙ КОНЦЕПТ

Первый концепт был основан на начальной версии фирменного стиля, сосредоточенного на саундхилинге. Основной акцент делался на вибрации звука, что нашло отражение в песочно-золотистой цветовой гамме. Учитывая расположение студии в Дубае и выездные практики в пустыне, мы постарались передать атмосферу природы, дополнив ее элементами, связанными со звуком. Дизайн включал полноэкранные блоки, крупные изображения, песочные текстуры и полупрозрачные элементы. Интерактивность усиливали анимации: горизонтальный скролл, поэкранная прокрутка видео, эффекты движения баннеров и анимации акцентов, создающие ощущение звуковых вибраций.

ВТОРОЙ КОНЦЕПТ

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

ГЛАВНАЯ СТРАНИЦА

На главной странице сайта мы постарались создать гармоничное погружение в атмосферу студии и её уникальные практики. Первый экран встречает пользователя полноэкранным графическим изображением с анимацией — элементы плавно двигаются при наведении мыши. Эта динамика задаёт тон всему сайту и сразу привлекает внимание.

Далее следует блок о деятельности студии, где с помощью слайдера и текста мы раскрываем миссию компании и знакомим с ее направлениями. Видео, размещенное на фоне следующего блока, усиливает эффект погружения. 

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

РАЗВОДЯЩАЯ СТРАНИЦА ПРАКТИК 

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

Администратор может редактировать изображения превью и заголовки для каждой карточки направления.

ДЕТАЛЬНАЯ СТРАНИЦА ПРАКТИКИ

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

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

РАСПИСАНИЕ

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

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

Также мы подключили онлайн-оплату, которая позволяет пользователям сразу забронировать место, упрощая процесс записи и увеличивая конверсию. Такой подход делает взаимодействие с расписанием максимально интуитивным, а весь процесс — быстрым и комфортным.

ЛИЧНЫЙ КАБИНЕТ

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

Кроме того, личный кабинет позволяет удобно управлять заказами в интернет-магазине. Пользователь может просматривать историю покупок, отслеживать статус заказов и управлять предпочтениями.

ИНТЕРНЕТ-МАГАЗИН

Страница интернет-магазина выполнена с учётом небольшого ассортимента товаров, доступных для покупки. Здесь представлена витрина с карточками товаров, где пользователь может увидеть основные характеристики, стоимость и изображение каждого изделия. Карточки удобно расположены, чтобы упростить навигацию и выбор.

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

АУДИОЗАПИСИ

Страница аудиозаписей — это удобное пространство для прослушивания медитаций студии. Здесь можно запустить треки прямо на сайте или перейти на Яндекс.Музыку, Apple Music и Spotify. Каждая аудиодорожка оснащена простым плеером с названием, длительностью, индикатором прогресса и регулировкой громкости. Все записи регулярно обновляются через административную панель, обеспечивая актуальность контента.

КОРПОРАТИВНЫЕ РЕТРИТЫ 

Страница корпоративных ретритов дает полное представление об услуге и ее преимуществах. В начале — баннер, задающий атмосферу и предлагающий сразу связаться со студией. Далее раскрываются ключевые выгоды ретритов, этапы их проведения и формат. Фотографии с мероприятий и отзывы участников помогают лучше прочувствовать атмосферу. В завершении — контакты менеджера и форма заявки, чтобы легко получить больше информации и забронировать ретрит.

ОБУЧЕНИЕ

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

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

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

Еще одним важным инструментом стали настраиваемые фильтры. Администратор может сортировать и управлять данными по студиям, мероприятиям и мастерам, что делает процесс администрирования максимально удобным и гибким.

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

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

Удалось привлечь новых пользователей и обеспечить стабильный трафик на сайт.