Кейс · UX/UI дизайн

Платформа GVT Fitness

Адаптивная платформа подписки, объединяющая тренировки, питание и отслеживание прогресса в едином продукте.

Роль
Senior UX/UI дизайнер
Период
Июль 2025 — сейчас
Платформа
Веб-приложение для десктопа и мобильных
Объём работ
Структура продукта, UX/UI, дизайн-система, разработка
Десктопный дашборд GVT с недельным календарём, подсказками и модулями прогресса

Обзор ↘

GVT — премиальная фитнес-платформа по подписке, объединяющая программы тренировок, инструкции к упражнениям, планы питания и отслеживание прогресса в одном продукте.

Я отвечал за весь процесс UX/UI — от структуры продукта и пользовательских сценариев до адаптивных интерфейсов и работающей реализации.

Задача ↘

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

Структура продукта ↘

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

Дашборд Программы Тренировки Планы питания Дополнительно Статистика Профиль Настройки

Программы ↘

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

Экран программ GVT с доступными планами тренировок, категориями и карточками выбора
Экран программ: просмотр вариантов тренировок, сравнение структуры и выбор подходящего плана.

Вход и регистрация ↘

Сценарий участника включал и экраны входа и конверсии: вход, создание аккаунта, выбор тарифа и первый шаг оплаты. Эти страницы спроектированы как часть того же продукта, а не как оторванный слой оплаты.

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

Дашборд

Дашборд — стартовая точка участника. На первом месте текущая неделя тренировок, сегодняшняя тренировка и актуальный прогресс, а второстепенный контент остаётся под рукой.

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

Опыт тренировок

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

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

Планы питания

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

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

Прогресс и статистика

Статистика сфокусирована на регулярности, а не на сложной аналитике. Частота тренировок, серии и выполненные занятия помогают с первого взгляда понять свой темп.

Экран статистики GVT: динамика тренировок, текущая и лучшая серия, выполненные за месяц занятия
Экран статистики, сфокусированный на регулярности тренировок, сериях и выполненных занятиях.
Экран отслеживания веса GVT с записями и динамикой веса
Участники также могут следить за динамикой веса по записям и наглядному графику.

Мобильная версия

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

Три мобильных экрана GVT: дашборд, тренировки и статистика тренировок
Мобильная витрина: дашборд, тренировки и статистика.
Три мобильных экрана GVT: планы питания, программы и дополнительные материалы
Дополнительные мобильные экраны: планы питания, выбор программы и дополнительные материалы.

Моя роль ↘

  • Структура продукта
  • Информационная архитектура
  • Пользовательские сценарии
  • UX/UI дашборда
  • Опыт тренировок
  • Опыт питания
  • Адаптивный дизайн
  • Реализация с помощью ИИ

Цветовая палитра ↘

Итог ↘

Результат — полноценная адаптивная фитнес-платформа, объединяющая тренировки, питание и прогресс в едином опыте участника.

Система рассчитана на новые программы, контент и функции по мере роста GVT.

Открыть сайт

Заявка на проект ↘

Есть идея проекта?

Расскажите, что вы создаёте, где нужна помощь и каким вы видите успешный результат.

Займёт около минуты · Отвечу в течение 24 часов

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