I specialize in crafting visually compelling, user-centered digital experiences. Through scalable design systems and pixel-perfect interfaces, I merge refined aesthetics with intuitive, data-driven functionality to deliver cohesive, high-impact products.

16:11

Mar 21, 2026

Smart Fitness App

Overview

Smart Fitness: An Accessible Weightlifting Guide for Novice Lifters

An individual interaction design project exploring best practices for intuitive user experiences and scalable design systems through the design of a beginner-friendly fitness coaching app.

Role:

UI/UX Designer

Category:

Interaction Design / Design Systems

Duration:

1 Month(Sep - Oct 2025)

Problem Statement

Many novice gym-goers lack adequate knowledge on proper lifting form and recovery. With limited onboarding at gyms and expensive personal training, beginners often train without proper guidance, increasing the risk of injury and stalled progress.

How might we provide accessible, affordable guidance to novice gym-goers so they can learn proper lifting form, recover effectively, and build safe, sustainable workout routines?

Solution

Smart Fitness: An Accessible Weightlifting Guide for Novice Lifters

Features

A comprehensive fitness library with smart search features.

A community forum where users can learn tips from fitness experts and submit posts for personal questions and feedback.

Personalized workout programs with progression tracking metrics and an expansive database to explore exercise alternatives.

Ideation Phase

So, how did I do to get here?

Information Architecture

When I first began designing the app, I focused on three core functions: Workout, Learn, and My Activity. This structure allowed me to organize the experience around the user’s primary goals—tracking workouts, building knowledge, and monitoring progress.

Paper Prototyping

When sketching ideas on paper, I focus on identifying the key elements and core functionality each screen needs, rather than worrying about exact layout or visual placement.

Creating Wireframes

As I translate paper sketches into digital wireframes, I spend more time thinking about how UI elements should fit on the screen.

Building a Scalable Design System

This was my first project developing a full-fledged design system, where I established reusable components, consistent visual patterns, and clear guidelines to support scalability across the platform.

High-Fidelity Prototype

Ta-da! Try out Smart Fitness for yourself!

Coming
Soon