Youth — это приложение для здоровья и фитнеса, созданное, чтобы помочь пользователям выглядеть и чувствовать себя моложе, улучшая осанку, гибкость, силу, питание и общее состояние организма.
Год
2025
Категория
Здоровье и фитнесс
Моя роль
Ведущий дизайнер продукта
Фреймворк
Flutter
Платформы
iOS, Android, Web
01
Задача
Интерфейс приложения был неоднородным, а некоторые разделы всё ещё находились на уровне MVP. Однако даже на этом этапе проект демонстрировал большой потенциал. Задачей было предоставить пользователям больше контента и добавить дополнительные точки монетизации, обернув всё это в проработанный, визуально привлекательный дизайн.
02
Подход
За шесть месяцев я сделал редизайн приложения, значительно расширив его функциональность и улучшив UX и интерфейс в едином минималистичном стиле.
03
Результат
Редизайн позволил запустить продукт на разных платформах, масштабировать его с большим объёмом контента и внедрить новые возможности монетизации, что сопровождалось ростом ключевых метрик.
Проблема
Продукт масштабировался, и существующий дизайн больше не позволял сохранять визуальную целостность или быстро внедрять новые функции.
Решение
Единый визуальный стиль и дизайн-система с множеством вариативных компонентов.
Проблема
Пользователь был ограничен в получении обратной связи от продукта, что снижало вовлечённость.
Решение
Переосмысленный главный экран сфокусирован на привычках пользователя, а в разделе Профиль добавлена подробная статистика.
Проблема
Отсутствие иерархической структуры в категориях дезориентировало пользователей.
Решение
Контент был разделён на общие и персонализированные разделы.
Улучшение монетизации
Контент был сегментирован для привлечения более широкой аудитории, при этом каждый сегмент стал отдельной точкой монетизации.
Я также расширил онбординг, что значительно повысило показатели конверсии.
+32%
Пользователей, достигающих пэйволла
+16%
Конверсия в покупку
+24%
Удержание после первой сессии
Онбординг включает около 30 интерактивных вопросов, разделённых на блоки. Между ними пользователю показываются превью его персонализированного плана, что усиливает ощущение, будто приложение создано вокруг его индивидуальных целей и возможностей.
Контент продукта был разделён на сегменты для увеличения монетизации. Я спроектировал пэйволлы для каждой точки монетизации — будь то разблокировка нового сегмента или апгрейд существующей подписки.
Удовлетворение пользователя
Было замечено, что высокий процент пользователей начинал тренировки, но не завершал их.
Я улучшил UX видеоплеера, добавил ключевые моменты по завершению тренировки и функцию оценки упражнений.
+27%
Пользователей, окончивших тренировку
+18%
Средняя продолжительность сессии
Плавные анимации помогают пользователям легче воспринимать информацию и улучшают UX — анимации интерфейса ведут себя предсказуемо и отражают текущее состояние тренировки.
Я добавил превью упражнений к инструкциям, чтобы пользователи могли наглядно видеть правильную технику выполнения.
Также внедрена функция оценки тренировки и сравнительная статистика с другими пользователями, что добавляет элемент геймификации и повышает значимость продукта для пользователя.
Десктоп-версия
Большинство новых пользователей приходят через веб-онбординг. Чтобы сделать переход в мобильное приложение необязательным, я спроектировал веб-версию продукта, оптимизированную для ПК, ноутбуков и планшетов.
Дизайн-система
Я разработал полноценную дизайн-систему, включающую токены, текстовые стили, вариативные компоненты и набор уникальных иконок.
В дизайн-систему включена понятная и удобная документация, что позволяет любому дизайнеру или разработчику легко работать с ней.
Компоненты созданы с широкими возможностями кастомизации, что позволяет , не нарушая визуальной целостности добавлять новые функции в приложение в будущем.
Поскольку приложение является кроссплатформенным, при разработке системы я учёл особенности гайдлайнов и принципов дизайна обеих мобильных платформ.
Дизайн-система была проработана с достаточной степенью детализации, чтобы как дизайнеры, так и разработчики могли эффективно с ней работать.
