РЕДИЗАЙН B2C-АГРЕГАТОРА КВЕСТОВ В РОССИИ «МИР КВЕСТОВ»

Главное о кейсе

«Мир Квестов» – это крупнейший агрегатор квестов в реальности, перформансов, экшн-игр,VR-квестов и ролевых квестов в России. Механика подбора построена с учетом ИИ и учитывает разные предпочтения человека. Это позволяет более точно подобрать себе нужный квест.

Сделали для них полный редизайн, учитывая — сохранение информационной структуры проекта и различные SEO-факторы, чтобы новый дизайн негативно не сказался на результатах сайта в выдаче. Сайт оставили в темных цветах, усилив его яркими акцентами – градиентами и 3D-иллюстрациями.

Всего получилось – 377 экранов, 850 компонентов дизайн-системы, 300+ ИИ-иллюстраций за 6 месяцев.
Приоритет был на мобильной версии, но работа шла над десктопом точно такая же — не второстепенная.

Команда проекта:
арт-директор, руководитель проекта, 7 дизайнеров – UX/UI, графические и продуктовые дизайнеры.

Как проект изменил жизнь пользователей

Сайт еще в разработке, но мы с клиентом ожидаем следующие изменения:

– Поиск подходящего квеста станет проще благодаря диалоговому тег-поиску;
– Пользователь начнет быстрее принимать решение о бронировании квеста за счет наглядной системы бронирования: слоты и цены на виду, а на странице сравнения появилась возможность включить «только различия».
– Пользователю станет легче ориентироваться в мобильном сервисе благодаря интуитивно понятному дизайну;
– Целевой контент: рецензии, отзывы и локальные подборки помогают выбрать действительно подходящий квест.

После реализации сайта ожидается ощутимый рост конверсии бронирования, рост прибыли (LTV), повышение вовлеченности (ER) – пользователи получат не только свежий и актуальный визуал, но и комфортное взаимодействие с агрегатором.

Бизнес-задача и ее решение

Задача

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

Решение:

На основе исследования доработали каждую страницу структурно и по контенту. Собрали три мудборда и вместе с клиентом определили стилистическое направление.

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

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

«Мир Квестов» – это не типичный агрегатор, а SEO-ориентированная контентная платформа с большим количеством шаблонных страниц и содержимого, заточенная под разные запросы.

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

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

Этапы:

1. Дискавери:

– Исследование — семантический анализ ниши и конкурентов, стилистическое исследование

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

– Структура — формирование иерархической схемы страниц и их содержания;
– UX-прототипы — контентная и функциональная структура каждой страницы;
– Мудборды — определили стилистические направления и отличительные черты.

2. Дизайн:
– Концепция — определили визуальное направление на нескольких блоках главной страницы, пройдя 3 итерации правок;
– Мобайл, десктоп — дизайн страниц, отдавали мобайл вместе
с десктопом;
– Состояния — модальные окна, системные сообщения, поведения элементов, корнер-кейсы;
– Подготовка к разработке: UI kit, style guide, документация для разработчиков.

3. Помощь с дизайном:
– Доработка функционала и страниц;
– Генерация иллюстраций.

Ключевые решения:

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

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

3. Полностью обновили визуал различных форм и элементов на сайте, создали в единой стилистике графические изображения для каждого города. Помимо этого полностью переупаковали все визуальные коммуникации бренда: оформление группы ВКонтакте, шаблоны для постов и сторис, рекламные баннеры для рассылок, подарочные сертификаты и т.д. Всё это создано генерациями – от небольших «3D-шек» до крупных сложных и анимированных изображений. Проект существует в диджитале, но также мы сделали генерации для брендирования площадок квестов, размещенных на агрегаторе: таблички и плакаты.

Крафт (мастерство), реализация, технические детали

Провели полный редизайн платформы, создали больше 300 ИИ-иллюстраций и сделали уникализированные шаблоны.

Сгенерированные иллюстрации

Визуал страницы разнообразили с помощью ИИ-иллюстраций для категорий и обложек квестов. Сделали 300+ генераций разного уровня сложностей — от 3D-иллюстраций до крупных детальных изображений, которые были анимированы также с помощью ИИ.
Изображения создавались поэтапно в течение шести месяцев — параллельно с проектированием и разработкой новых страниц. Такой подход помог быстро отдавать готовый дизайн в разработку. Иллюстрации получились яркими, хорошо вписываются в стиль и привлекают внимание.

Подбор квеста

В каталог добавили e-commerce-паттерны. Теперь можно отфильтровать выдачу по необходимым параметрам: тип квеста, количество игроков, возраст, сложность, страшность, дата и время и т. д. Также отметили квесты категориями «Новинка», «Хит продаж» и акциями.

Что сделали

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

Как работает
Два режима просмотра – список и карта закрывают разные сценарии: подобрать подходящие по параметрам квесты или найти вариант рядом.
В городах с метро добавили фильтрацию по веткам. У каждого города уникальный контент, подборки и графика, с ориентацией на SEO и узнаваемость.
Также пересмотрели UX страницы сравнения, сделали просмотр компактным и удобным.

Умный поиск

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

Уникализированные шаблоны

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

Страница квеста и блок бронирования

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

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

Проект получился объемным — 377 экранов, 850 компонентов дизайн-системы, 300+ ИИ-иллюстраций за 6 месяцев.

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Клиент выбирал между крупными студиями (AIC, Ашманов и Партнеры) и нами. Длительный пресейл (на протяжении двух месяцев) требовал глубокого погружения в проект и демонстрации экспертизы в SEO, e-commerce и работы с агрегаторными проектами.

Что сработало:

1. Сохранение SEO-оптимизированной структуры

Мы сохранили существующую иерархию страниц, что позволило не нарушить SEO-позиции, при этом усилил структуру, улучшили визуал, UX/UI и расставили релевантные CTA на каждой странице.

2. Системный подход и грамотный менеджмент:

Регулярные демо для клиента – показываем прогресс и планируем работы после обратной связи;
Постоянный анализ конкурентов — не ходим на встречи с пустыми руками, а приносим идеи и гипотезы. У нас высокая вовлеченность в проект;
Подробные отчеты и ритуалы для клиента — все прозрачно
и предсказуемо;
Привлечение клиента в соавторство, полная вовлеченность в процесс и понимание направления.

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

Скриншоты