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

Салют! На связи Артем Марковский, независимый арт-директор в ARCR, где мы делаем сайты и айдентику с инженерной эстетикой и основатель проекта RUSSIAN MOCKUPS, посвященный мокапам рекламных и цифровых носителей из самых красивых уголков России.

Это популярное приложение с практиками осознанности, техниками релаксации, а также контент, охватывающий снятие стресса, уменьшение тревожности и улучшение сна. Более 35 миллионов пользователей из 60 стран мира.

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

В начале я изучил более 15 конкурентных приложений для медитаций от всемирно известных CALM до отечественных с Иреной Понарошку, выявил массу проблем, ограничений и отметил полезный функционал, который хотелось бы видеть в будущем приложении. Затем с головой окунулся в качественные исследования, сделал более 1000 запросов в разных каналах и нашел 7 смельчаков с платной подпиской из России и Португалии, которые отважились на 40 минутное интервью с незнакомцем.

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

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

Дальше в работу пошли детализированные прототипы, чтобы:

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

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

Переработал раздел с ежедневной программой, чтобы он был заметен и соответствовал ранее прослушанным запросам.

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

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

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

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

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

Сон жизненно важен для здоровья и благополучия, а качество и количество ночного сна влияют на нашу ежедневную активность.

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

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

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

Большинство опрошенных респондентов испытывали трудности с управлением и оплатой подписки, приходилось часто обращаться в техподдержку. Теперь продлить, отменить и посмотреть оставшееся время до истечении подписки стало очень просто.

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

Структурированые фильтры

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

Понятные визуализации

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

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

Поэтому я выделил “Избранное” и закрепил на каждом экране, по примеру интернет-магазинов. Все таки это один из самых популярных разделов премиум пользователей.

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

А еще проект взял награду “Лучший продуктовый дизайн” на фестивале Dprofile Fest & Award 2024, на который приехало более тысячи дизайнеров со всей России. Лучшее, что когда либо организовывали в нашей индустрии.

С проектом здорово помог Миша Розов и его Wannabe, ведь до этого мой опыт в 3D анимации и глубоких продуктовых исследованиях продуктов с большими аудиториями был довольно низкий. А его невероятный фреймворк позволил мне полюбить мир Cinema4D и научится создавать собственные вселенные.

Независимый арт-директор Артем Марковский / ARCR.RU. C инженерной эстетикой разрабатываем сайты и айдентику. Behance, Dprofile, Instagram

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

Судья на AWWWARDS 2024-2025. Уже 2 года оцениваю лучшие сайты мира.

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

Фотограф в области смелых экспериментов по мотивам эстетики женского тела с теми, кто не стеснялся обнажать чувства, проявлять сексуальность и не боялся нырять в своё. Сайт и инста