An integrated fitness ecosystem combining performance intelligence, training, nutrition, community, and sports services.

VIN Fitness

VIN Fitness is a comprehensive fitness application designed as the user’s daily environment for managing training, body signals, nutrition, progress, and participation in a wider fitness community. The experience brings together workout programming, active sessions, a 450-exercise library, Body OS, Muscle Radar, nutrition planning, Timeline, progress tracking, and the VIN Badges system. The product extends beyond conventional fitness tracking through Train Like, a discovery experience for influencer and community programs; Ask VIN, a conversation-based guidance interface; Coach Map and session booking; a Learn library for podcasts, books, and news; a full social community; and an integrated fitness store with cart and checkout flows. Coach OS provides a separate professional workspace for managing clients, plans, sessions, services, reports, content, and communication. The application is complete as an interactive Flutter frontend experience powered by local data and persistence.

My roleProduct Designer & Flutter Frontend Developer
Product StrategyMulti-Role UXFlutterRiverpodGoRouterLocal PersistenceData VisualizationFrontend Testing
StatusIn Progress85%
Year2025

Private interactive demo. Access credentials are shared directly with recruiters and reviewers.

VIN Fitness
Problem

Managing a complete fitness journey often requires several disconnected tools that do not share the same context.

A complete fitness journey involves much more than viewing a workout schedule or recording sets and repetitions. Athletes need to build programs, discover exercises, understand daily readiness, track sleep and hydration, manage nutrition, evaluate muscle development, save useful knowledge, and remain connected to a fitness community. When these functions are divided between separate workout, nutrition, social, commerce, and coaching products, users lose the context linking daily actions to performance. Training becomes disconnected from recovery, nutrition becomes detached from readiness, and progress metrics do not naturally lead to the next decision. Athletes also need a clearer way to discover training programs and compare coaches by specialty, location, rating, availability, and price. Coaches face a parallel challenge, requiring dedicated tools for clients, schedules, plans, feedback, reports, services, and communication rather than relying on fragmented conversations and manual records.

Solution

One connected experience linking training, body signals, nutrition, community, and fitness services into a complete daily cycle.

VIN Fitness is structured as a connected performance ecosystem where daily readiness, training, recovery, nutrition, coaching, community, learning, and commerce use one product language and shared local state.

Product scope

How the solution is organized.

Readiness & Body OS

Sleep, hydration, movement, fuel, recovery, and training load feed a daily readiness view and adaptive guidance instead of remaining isolated trackers.

Training & Muscle Intelligence

Custom splits, a large exercise library, active workout execution, progress, Muscle Radar, and VIN Marks connect planning to visible performance consequences.

Coaching & Community

Athlete and Coach OS journeys connect discovery, booking, sessions, plans, reports, form checks, messages, and athlete-controlled permissions.

Fuel, Learn & Commerce

Nutrition tracking, meal discovery, timeline, podcasts, books, news, Ask VIN, saved content, and a complete frontend store extend the product beyond workouts.

Design decisions

Three core decisions organized a broad set of capabilities into one connected product journey.

01

Structuring the ecosystem around five daily hubs while keeping specialist tools accessible: Primary navigation centers on Home, Train, Body OS, Fuel, and Social because they represent the user’s most frequent daily decisions. Specialist experiences such as Ask VIN, Timeline, Progress, VIN Badges, Store, and Settings are grouped inside a unified drawer. This structure supports a large number of screens without overloading the main navigation and keeps contextual routes between related sections close at hand.

02

Building a closed performance loop rather than a collection of isolated trackers: Sleep, hydration, movement, nutrition, and training load feed into Body OS readiness and Adaptive Split suggestions. Users then complete a workout, and the session affects Muscle Radar, progress, Timeline, and VIN Badges. Each input therefore creates a visible consequence or next action elsewhere in the product instead of remaining an isolated metric.

03

Expanding the product from a personal tracker into a discovery, community, and services ecosystem: Train Like, Social, Learn, Coach Map, coaching sessions, Coach OS, Store, and Ask VIN follow consistent patterns of discovery, detail, saving, interaction, and action. Users can discover and import a program, find and book a coach, save educational content, or purchase gear without leaving the product’s visual and interaction language. Athlete-controlled permissions and approval flows protect control where coaching data and program changes are involved.

Technical architecture

The implementation behind the interface.

Flutter UIAthlete and coach product journeys
Riverpod ProvidersShared and derived feature state
Feature ModulesTraining, Body OS, coaching, social, learning, and store
Mock Data + SharedPreferencesInteractive local state and persistence
Connected services & concerns
GoRouterSession-Only Access GateFlutter Test
Evidence

What is implemented, constrained, and verified.

Engineering evidence

  • Shared Riverpod state synchronizes athlete and coach plans, sessions, messages, reports, and permissions by common identifiers.
  • SharedPreferences persists profile, programs, body signals, favorites, cart state, and other frontend activity.
  • Athlete-controlled data and action permissions block coach operations when access is revoked.
  • The access gate is session-scoped and validated against an exact configurable code and fingerprint.

Constraints & trade-offs

  • The current 85% version is an interactive frontend product, not a production backend system.
  • Data, authentication, payments, messaging, maps, and AI behavior are local or simulated unless explicitly described otherwise.
  • The private demo is access-protected and credentials are shared only with authorized reviewers.

Validation

  • Flutter analysis and targeted tests cover the access gate, local session behavior, and coach–athlete integration.
  • Tests verify synchronized plans, messages, sessions, privacy-aware reports, form checks, and permission revocation.
  • The deployed private demo exercises the complete multi-role frontend journey with persisted local state.
Gallery

From Daily Readiness to Training, Fuel, and Community

The gallery presents six core VIN Fitness screens: the home dashboard combining daily readiness, today’s training, and coaching sessions; My Splits for managing workout plans; Body OS for sleep, hydration, movement, and nutrition signals; Fuel for daily calorie and macro tracking; Social for sharing and engaging with fitness updates; and Learn for exploring podcasts, books, and news.

Outcome

A complete Flutter experience that turns fragmented fitness activities into one connected digital ecosystem.

VIN Fitness delivers a journey that begins with user identity and goals, then moves through readiness, program creation or import, exercise discovery, active workout execution, muscle analysis, nutrition management, daily records, progress, and badge development. The journey extends beyond tracking. Users can discover influencer and community programs, publish progress updates, communicate through DMs, explore books, podcasts, and news, ask questions through Ask VIN, find coaches through Coach Map, book and manage sessions, review reports and feedback, and browse VIN products through a complete frontend commerce flow. Coach OS provides a parallel professional journey beginning with application, approval, setup, and public-profile preparation, followed by client management, scheduling, booking requests, programming, templates, messaging, form checks, notes, reports, analytics, services, content, and public-profile management. The project demonstrates the design of a broad multi-system, multi-role product, an information architecture supporting more than 50 connected routes and screens, complex local state management, interactive visualizations, and a unified experience spanning training, recovery, nutrition, community, learning, commerce, and professional coaching. The application is complete as an interactive frontend experience powered by local data and persistence.

Product Design & UXInformation Architecture & Multi-Role FlowsFlutterRiverpod State ManagementInteractive Data VisualizationGamification & Social Ecosystem DesignSharedPreferences Local Persistence
Next project

StudyBuddy

StudyBuddy is a connected academic workspace that helps university students organize courses, notes, resources, meetings, and study progress in one place. Its course-aware AI assistant can explain concepts, summarize materials, generate practice assessments, and save approved outputs back to the course hub. I independently designed, engineered, and deployed the product across responsive UX, Flutter Web, Express APIs, PostgreSQL persistence, verified email flows, Google sign-in, and password recovery.