Logo Arieff H.
Selangor FC Logo SELANGOR FC

Workout and Nutrition Tracking App

Selangor App Mockup
Tools
Platform
Role
Duration
Figma
IOS and Android
Lead UI/UX Designer
4 Weeks

Introduction

FitCoach is your all-in-one fitness app for workout tracking, nutrition, and recovery. It personalizes your training plan based on your goals, body, and weekly availability—suggesting the best workout split like full-body, upper/lower, or push/pull/legs.

From tracking macros to logging workouts and monitoring recovery, FitCoach helps you stay consistent, make progress, and build sustainable habits—all in one place.

Issues

  • Lack of information and personalisation
  • Mulitple apps for different purposes
  • No clear structure for user to stay motivated

Goals

To provide a personalized, all-in-one fitness platform that adapts to the user’s needs, helping them build consistent, sustainable health and fitness habits.

Selangor App Mockup

User Flows and Key Flows

Information architecture (IA) showing the visual representation of the Platboard's infrastructure, features, flow and hierarchy.

Selangor App Mockup

Design System

The design system was built using Brad Frost’s Atomic Design methodology. starting with core elements like colors and typography, then combining them into components and layouts.

These elements were then combined into components like buttons, form fields, and navigation items, which formed the foundation for more complex templates, page layouts and final screens.

This approach ensures consistency, scalability, and ease of maintenance across the product.

Selangor App Mockup

Key Takeaways

The app combines workout tracking, macro and nutrition monitoring, and recovery management into one seamless experience, supported by an AI-powered coach. By integrating these features, users gain a holistic view of their fitness journey—tracking performance, optimizing nutrition, and ensuring proper recovery.

The AI coach personalizes guidance based on individual progress and habits, making the experience more adaptive, motivating, and effective in helping users achieve their health and fitness goals.

Selangor App Mockup