«Мир Квестов» — дизайн мобильного приложения для удержания клиентов и улучшения клиентского опыта

«Мир Квестов» — самый большой агрегатор квестов в России, который помогает пользователям находить игры в разных городах и бронировать их без комиссий.

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

В 2025 году «Мир Квестов» пришли к нам за редизайном — ребят беспокоил устаревший визуал и низкая конверсия в бронирование. Мы освежили мобильную и веб-версию сайта, переработали ключевые пользовательские сценарии и разработали айдентику.

Компании понравились прошлые результаты совместной работы. Кроме того, наша команда уже глубоко погрузилась в их продукт, метрики, нишу, поведение пользователей и бизнес-процессы. Поэтому вместе мы пришли к логичному продолжению сотрудничества — дизайну мобильного приложения. По правде говоря, у «Мира Квестов» уже был мобильный сервис, но все сценарии в нём упирались в переход на сайт, поэтому никто им не пользовался. Также у продукта был низкий рейтинг в сторах — это снижало конверсию в скачивание.

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

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

Продуктовая стратегия на год

Выделили три этапа запуска и обозначили сроки для каждого: 

MVP (2-3 месяца). В эту итерацию включили проектирование базовой функциональности, которая уже заложена в агрегаторе и охватывает ключевые сценарии пользователей (каталог квестов, поиск и фильтрация, бронирование). Важное дополнение к ним — «Избранное» и уведомления, чтобы пользователи могли сохранять интересные квесты, и приложение возвращало их к выбору сообщениями.

Промежуточные фичи (расширение через 3-6 месяцев). На этом этапе приложение должно было обрасти персонализацией и геймификацией. Например, мы хотели добавить персональные миссии для пользователей, чтобы те могли заработать квестобаллы на бронирование новых развлечений. Здесь же по плану — появление первых инструментов аналитики поведения. 

Продвинутые фичи (развитие на горизонте 6-12 месяцев). Следующий этап развития — функции для роста пользовательской базы. Например, реферальная программа и подарочные сертификаты, с помощью которых можно пригласить в сервис друзей. Кроме того, мы планировали реализовать чат с поддержкой и отзывами для улучшения клиентского опыта.

Все функции проранжировали в таблице по приоритету запуска и влиянию на бизнес-метрики: удержание, конверсии, LTV (lifetime value — показатель пожизненной ценности клиента, отражает общую прибыль, которую компания получает от одного потребителя за всё время сотрудничества).

На стратегию команда «Мира Квестов» ответила: «Идейно супер, по деталям — ещё допилим». Но главное, что лёд тронулся — началось планирование работ. Финальную стратегию доработали вместе с командой заказчика, меняя приоритеты и этапы внедрения фичей. 

Поиск референсов и согласование структуры приложения

Несмотря на то, что мы уже делали редизайн мобильной версии сайта «Мира Квестов», нельзя было просто перенести тот же интерфейс в приложение. 

Сайт должен быть хорошо адаптирован для первого визита и сохранения SEO-трафика, а приложение — для регулярного использования и удержания аудитории. 

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

Проверенные UX-паттерны адаптировали под задачи «Мира Квестов» и таким образом собрали структуру интерфейса.

Главный экран

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

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

Что поместили на главный экран:

— историю просмотра в виде слайдера; 

— основные категории; 

— индивидуальные подборки («Для вас», «Популярные», «Новые») — их наполнение меняется в зависимости от истории действий и интересов пользователя; 

— блок с персональными акциями и промокодами;

— блок со скидками. 

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

Умный поиск

Поиск в приложении настолько умный, что ему не нужен текстовый запрос — пользователь ищет квест с помощью тегов. Например: Я хочу + квест в реальности + страшный + контактный + с волшебными существами. Такая же механика есть в новой версии сайта после нашего редизайна (он ещё разрабатывается), но в интерфейсе приложения мы её дополнили. 

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

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

Страница подбора квеста

Помимо поиска добавили быстрый доступ к категориям (скидки на квесты, страшные, для детей). 

Можно открыть карту и посмотреть, где находятся ближайшие квест-комнаты — для этого есть отдельная кнопка.

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

Создали атмосферные обложки категорий квестов

Страница квеста

В мобильной и веб-версии сайта это одна из самых объёмных по контенту страниц. Здесь у нас появилась возможность убрать SEO-блоки, поэтому мы полностью переработали раздел. Адаптировали его под приложение — теперь ключевые действия можно сделать за 2-3 нажатия.

Закрепили CTA (призывы к действию) — подарить или забронировать. 

Сценарий бронирования перенесли на отдельный экран — показали ближайшие даты квеста. В разделе бронирований объединили запланированные и посещённые квесты, чтобы они были в одном месте — в веб-версии это отдельные вкладки. 

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

Онлайн-бронирование

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

Запись станет понятной и последовательной.

Онбординг и вход

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

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

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

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

Все действия в приложении можно совершать без регистрации. Блокировать функции сервиса — дурной тон в проектировании пользовательского опыта. Так лояльность не заработаешь. Но авторизация открывает дополнительные возможности для пользователей — после входа можно смотреть историю бронирований и получать ситуативные уведомления в стиле: «Квест начнётся через час».

Ключевая особенность приложения

Окей, «Мир Квестов» существует с 2014 года. И всё это время бизнес и пользователи как-то обходились без приложения. Даже если его разработать — зачем аудитории переходить в него? Это же не маркетплейс, чтобы постоянно искать в нём товары по акции. Даже лояльное ядро пользователей не ходит на квесты каждый день, чтобы постоянно пользоваться мобильным сервисом.  

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

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

Профиль пользователя

В качестве вовлекающей механики описали флоу системы достижений. Отметим, что этот раздел пока не доработан — заказчик поставил его на паузу. Но в макетах мы заранее отразили все наши гипотезы и видение, чтобы позже доработать раздел вместе с командой «Мира Квестов». 

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

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

Подготовка макетов к разработке

Подготовили правила работы с макетами для разработчиков. Таким образом снизили количество возможных правок во время дизайн-контроля.

Описали:

— что должно происходить на экранах;

— как работают экранные переходы, анимации карточек, системные сообщения и так далее;

— все дополнительные состояния. 

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

Дополнили дизайн-систему новыми элементами из приложения.

Мы подготовили дизайн MVP-версии приложения и полноценную стратегию развития продукта. Переработали сценарий бронирования, добавили инструменты персонализации и геймификации, перепроектировали все разделы по лучшим UX-паттернам.

Продумали и сделали доступным раздел поддержки — он должен перетянуть аудиторию из веба в приложение.

Дизайн согласован, разработка пока что только в планах — ждём, когда у «Мира Квестов» появятся ресурсы. Мы постоянно с ребятами на связи.

Интерфейс приложения адаптирован для кроссплатформенной разработки и соответствует одновременно гайдлайнам iOS и Android.

После запуска сервиса снимем первые метрики и будем пересобирать продуктовую стратегию в соответствии с реакцией пользователей.

Ожидаем рост удержания и LTV.

Приложение:

Дизайн-лидерство, арт-дирекшн — Артемий Скуратов

Дизайн — Ксения Бойкова, Виктория Федянина

Айдентика:
Дизайн-лидерство — Катерина Таняева
Арт-дирекшн — Игорь Фроловский
Концепция айдентики — Ильвина Кудашева, Александра Шерешева

Кейс:

Дизайн-лидерство, арт-дирекшн — Артемий Скуратов

Дизайн — Ксения Бойкова, Олег Северовский

Копирайтинг — Ольга Согрина, Дарья Татжибаева

AffArts. 2026