Кейс “The Flex | App”
3-5 мин чтения
The-Flex - мобильное приложение
для сети фитнес-клубов
Спроектировал мобильное приложение с нуля: выстроил масштабируемую архитектуру, разработал дизайн-систему,
проработал ключевые пользовательские сценарии и сопровождал развитие продукта на протяжении нескольких
итераций.
Роль
Middle UX/UI дизайнер
Задачи
Архитектура продукта, User Flow, UI-дизайн, Дизайн-система, Дизайн мобильного приложения
Срок
2025 (4-5 месяцев)
Смотреть приложение
О продукте
The-Flex — мобильное приложение для сети фитнес-клубов, объединяющее запись на тренировки, управление абонементом, персональные планы занятий и взаимодействие с клубом.
На момент старта проекта у клиента уже было понимание ключевых сценариев и список прямых конкурентов. Моей задачей было превратить эти вводные в масштабируемый цифровой продукт, который можно развивать без пересборки архитектуры.
Моя роль
Я отвечал за проектирование UX, разработку визуальной концепции, построение дизайн-системы и сопровождение развития продукта на протяжении нескольких итераций.
В рамках проекта:
- проанализировал структуру продукта и скорректировал пользовательские сценарии;
- исследовал конкурентов и лучшие практики фитнес-приложений;
- разработал несколько дизайн-концепций;
- спроектировал весь интерфейс мобильного приложения;
- построил дизайн-систему для дальнейшего развития продукта;
- сопровождал изменения функциональности и новые продуктовые сценарии.
Построить архитектуру с запасом
на развитие продукта
Проблема
У клиента уже была сформирована базовая структура приложения, однако она учитывала только текущий функционал. При дальнейшем развитии продукта многие сценарии пришлось бы перестраивать практически с нуля.
Решение
Перед началом проектирования я пересмотрел информационную архитектуру приложения, сохранив привычную логику для пользователей, но заложив возможность дальнейшего масштабирования.
Мы заранее продумали, где будут появляться новые разделы, каким образом расширится навигация и как новые функции смогут интегрироваться без изменения уже существующих сценариев.
Результат
Фундамент приложения позволил безболезненно развивать продукт и постепенно добавлять новый функционал без необходимости пересматривать базовую структуру интерфейса.
Спроектировать персональные планы тренировок
Контекст
Одной из новых функций стал персональный план тренировок.
После заполнения анкеты и прохождения диагностики пользователь получал индивидуальную программу занятий, рассчитанную на несколько месяцев.
Решение
При проектировании важно было сделать сложный сценарий максимально простым для пользователя.
Я продумал структуру прохождения программы, отображение прогресса, последовательность тренировок и навигацию между этапами, чтобы пользователь воспринимал план как единый путь, а не набор отдельных экранов.
Результат
Новая функция органично встроилась в существующий продукт и стала отдельным пользовательским сценарием, не перегружая основную навигацию приложения.
Адаптировать визуальную концепцию
под изменение требований
Контекст
После утверждения дизайн-концепции в проект подключились новые лица, принимающие решения. Визуальное направление полностью изменилось — интерфейс необходимо было привести в соответствие с новым фирменным стилем фитнес-клубов.
Решение
Вместо точечных изменений я пересобрал визуальную систему приложения.
Были переработаны основные компоненты, обновлена цветовая система и адаптированы все экраны без потери целостности интерфейса.
Параллельно я сформировал дизайн-систему, которая позволила быстро масштабировать изменения на весь продукт.
Результат
Несмотря на смену визуального направления уже в процессе работы, удалось сохранить единый стиль приложения и значительно ускорить дальнейшие изменения за счёт использования дизайн-системы.
Итог
В результате был спроектирован полноценный интерфейс мобильного приложения, готовый к дальнейшему развитию. Помимо проектирования пользовательских сценариев, я заложил масштабируемую архитектуру и дизайн-систему, благодаря которым продукт можно развивать без существенной переработки уже реализованных решений.
