RB

Ruslan Badretdinov

Case Study · UX/UI Design

GVT Fitness Platform

A responsive membership platform combining training, nutrition and progress tracking in one connected experience.

Role
Senior UX/UI Designer
Period
Jul 2025 — Present
Platform
Desktop & Mobile Web App
Scope
Product Structure, UX/UI, Design System, Implementation
GVT desktop dashboard with weekly calendar, guidance and progress modules

Overview ↘

GVT is a premium fitness membership platform that brings workout programs, exercise guidance, meal plans and progress tracking into one connected product.

I owned the complete UX/UI process, from product structure and user flows to responsive interfaces and working implementation.

Challenge ↘

The main challenge was organizing a large amount of training and nutrition content without making the product feel complicated. Members needed to understand what to do next, access their current program and track progress with minimal friction.

Product Structure ↘

The platform was structured around the actions members repeat most often.

Dashboard Programs Workouts Meal Plans Extras Statistics Profile Settings

Programs ↘

The programs layer was designed to help members compare available training paths, understand difficulty and duration, and choose the right structure before starting.

GVT programs screen with available training plans, categories and selection cards
Programs screen for browsing training paths, comparing structure and selecting the right plan.

Access flow ↘

The member flow also included entry and conversion screens: login, account creation, plan selection and the first payment step. These pages were designed to feel like part of the same product, not a disconnected checkout layer.

GVT login screen for returning members
Login screen for returning members to re-enter their program, workouts and saved progress.
GVT signup screen with account creation, plan selection and payment summary
Signup and subscription selection flow, where the user creates an account, chooses a plan and continues to secure payment.

Dashboard

The dashboard was designed as the member’s starting point. It prioritizes the current training week, today’s workout and relevant progress information while keeping secondary content accessible.

GVT dashboard showing weekly calendar, guidance panel, body tracking and weekly progress
Dashboard overview for weekly structure, current actions and progress visibility.
GVT dashboard loading state with skeleton placeholders
A preloader was added to the product to preserve layout clarity and avoid breaking the UI while pages load.

Workout Experience

The workout experience keeps video guidance, sets, repetitions, session progress and the exercise sequence in one focused view. Members can also mark each exercise as completed while moving through the session.

GVT workout screen with exercise guide, progress list and completion states
Workout screen with video guidance, session structure and the ability to mark each exercise as completed.

Meal Plans

Meal plans, recipes and supporting content were integrated into the same product system, allowing members to move between training and nutrition without leaving the platform.

GVT meal plans library screen with recipe collection and calorie-based nutrition plans
Meal plans library for browsing calorie-based plans and recipe collections inside the product.
GVT meal-plan detail screen with opened recipe guide and supporting information
Detail view for opening a specific recipe or meal-plan guide inside the same member flow.

Progress & Statistics

The statistics experience focuses on consistency rather than complex analytics. Workout frequency, streaks and completed sessions help members understand their momentum at a glance.

GVT statistics screen with workout trend, current streak, best streak and monthly completed sessions
Statistics screen focused on training consistency, streaks and completed sessions.
GVT weight-tracking screen with logged entries and weight trend over time
Members can also track weight dynamics over time through logged entries and a clear visual trend.

Responsive Experience

Desktop and mobile share the same product logic, but the layouts were adapted intentionally for each context. Desktop supports wider dashboard compositions, while mobile prioritizes focused actions and touch-friendly navigation.

Three GVT mobile screens showing the dashboard, workouts and workout statistics
Mobile showcase covering the dashboard, workout flow and statistics experience.
Three GVT mobile screens showing meal plans, programs and extras content
Additional mobile views for meal plans, program selection and supporting extras.

My Role ↘

  • Product structure
  • Information architecture
  • User flows
  • Dashboard UX/UI
  • Workout experience
  • Nutrition experience
  • Responsive design
  • AI-assisted implementation

Color palette ↘

Outcome ↘

The result is a complete responsive fitness platform that connects training, nutrition and progress within one consistent member experience.

The system was designed to support additional programs, content and product features as GVT continues to grow.

View Live Website