Как мы спроектировали сайт спа-банного комплекса в экосистеме World Class Пермь и МФК «Москва»
Премиальный SPA-сервис внутри экосистемы фитнеса и городской инфраструктуры.
Мы переработали сайт спа-бани, расположенной рядом с World Class Пермь и входящей в экосистему МФК «Москва». Задача заключалась в создании нового цифрового решения с нуля — с премиальным визуальным языком, понятной структурой и удобным пользовательским опытом для гостей SPA-пространства.
Клиент — спа-баня как часть экосистемы World Class Пермь и объектов МФК «Москва». Это премиальный сервис, встроенный в более широкую инфраструктуру городских пространств: фитнес, wellness и сервисные юниты.
До работы над проектом у клиента не было целостного цифрового продукта — требовалось полностью переосмыслить структуру, логику и визуальную подачу сайта, сохранив соответствие премиальному уровню бренда и ожиданиям аудитории.
Мы переработали сайт спа-бани, расположенной рядом с World Class Пермь и входящей в экосистему МФК «Москва». Задача заключалась в создании нового цифрового решения с нуля — с премиальным визуальным языком, понятной структурой и удобным пользовательским опытом для гостей SPA-пространства.
Клиент — спа-баня как часть экосистемы World Class Пермь и объектов МФК «Москва». Это премиальный сервис, встроенный в более широкую инфраструктуру городских пространств: фитнес, wellness и сервисные юниты.
До работы над проектом у клиента не было целостного цифрового продукта — требовалось полностью переосмыслить структуру, логику и визуальную подачу сайта, сохранив соответствие премиальному уровню бренда и ожиданиям аудитории.
Задача
02
Перед нами стояли следующие задачи:
- Разработать сайт с нуля с премиальной, но понятной визуальной системой
- Учесть фирменный стиль и пожелания клиента
- Спроектировать удобную UX/UI-структуру с логичным пользовательским путём
- Отразить все ключевые направления услуг (хаммам, массаж и другие SPA-процедуры)
- Адаптировать интерфейс под мобильные устройства
- Обеспечить готовность решения для дальнейшей реализации
ПРоцесс
03
Что мы сделали
Работу начали с глубокого погружения в продукт и контекст экосистемы МФК «Москва», чтобы понять роль SPA-пространства внутри более крупной структуры и ожидания премиальной аудитории.
Собрали мудборд, который помог зафиксировать визуальное направление проекта, согласовали его с клиентом и синхронизировали с фирменным стилем.
Далее проработали детальный прототип: заложили логику пользовательских сценариев, структуру услуг и навигацию по ключевым разделам сайта. Особое внимание уделили удобству выбора услуг и логике переходов между страницами.
После утверждения прототипа разработали полноценный дизайн-концепт сайта. Отрисовали десктопную и мобильную версии, а также отдельные страницы направлений — хаммам, массаж и другие SPA-услуги. Решение масштабировали на всю структуру сайта, сохранив единый визуальный язык.
Собрали мудборд, который помог зафиксировать визуальное направление проекта, согласовали его с клиентом и синхронизировали с фирменным стилем.
Далее проработали детальный прототип: заложили логику пользовательских сценариев, структуру услуг и навигацию по ключевым разделам сайта. Особое внимание уделили удобству выбора услуг и логике переходов между страницами.
После утверждения прототипа разработали полноценный дизайн-концепт сайта. Отрисовали десктопную и мобильную версии, а также отдельные страницы направлений — хаммам, массаж и другие SPA-услуги. Решение масштабировали на всю структуру сайта, сохранив единый визуальный язык.
Дизайн-процесс
04
Прототип
Цвета и шрифты
05
Дизайн-система
Шрифты
Для описания
Для заголовков
Сделали акцент на простоте навигации внутри премиального визуального стиля: пользователь быстро понимает доступные услуги, их содержание и может легко перейти к выбору нужного направления.
Продумали мобильную версию как полноценный сценарий использования, а не только адаптацию — с сохранением ключевых смыслов и удобством записи и изучения услуг.
Продумали мобильную версию как полноценный сценарий использования, а не только адаптацию — с сохранением ключевых смыслов и удобством записи и изучения услуг.
В результате :
Дизайн сайта полностью разработан и подготовлен к реализации. Все материалы бережно переданы команде клиента для верстки с подробной структурой и проработанными сценариями взаимодействия. На этой странице вы можете посмотреть дизайн-концепт и самим оценить нашу работу.
Дизайн сайта полностью разработан и подготовлен к реализации. Все материалы бережно переданы команде клиента для верстки с подробной структурой и проработанными сценариями взаимодействия. На этой странице вы можете посмотреть дизайн-концепт и самим оценить нашу работу.
компетенции
06
С чем к нам можно прийти
Если у вас сложный проект внутри экосистемы, премиальный сервис или задача, где важно совместить эстетику, UX и бизнес-логику — мы погрузимся в продукт, выстроим структуру и доведём интерфейс до готового к реализации состояния.
Команда
Арт-дирекшн: Смирнов
Бренд-дизайн: Иванов
3D-дизайн: Иванов
Кейс-Дизайнер: Иванов
Бренд-дизайн: Иванов
3D-дизайн: Иванов
Кейс-Дизайнер: Иванов
Другие кейсы