GSYNC

A fitness app for gym enthusiasts.

This is GSYNC

A health and fitness app designed to help users with building, sharing, and tracking their custom workouts in order to manage their fitness.

Project Overview

Roles

UX/UI Design UX Research Prototyping Testing

Project Type

End-to-end

Project Length

8 weeks

Problem Statement

Many fitness apps offer a one-size-fits-all approach, neglecting individual user preferences, fitness levels, and goals. Existing apps are often complex and difficult to navigate, leading to user frustration and abandonment. Additionally, users struggle to integrate fitness apps into their daily routines and feel isolated in their fitness journey, resulting in decreased motivation.

Research

Research Objectives

  • Determine why people struggle to stay engaged with fitness apps over time

  • Assess the usability issues users encounter within existing fitness apps

  • Determine user preferences and expectations regarding personalized fitness recommendations and feedback

  • Evaluate the accuracy and reliability of data tracking features in fitness apps

In order to understand what fitness apps were being offered, I took a look at some of the top used apps.

Collective App Weaknesses

  • A one-size-fits-all approach, failing to tailor workouts or plans to individual user preferences, fitness levels, and goals.

  • Focus heavily on quantitative data, which can overwhelm users and neglect qualitative aspects like enjoyment and motivation

  • Many apps lack meaningful community features, leaving users feeling isolated and unsupported in their fitness journeys.

  • Users often find the apps difficult to navigate, with cluttered designs and intrusive ads, leading to frustration and abandonment.

Collective App Strengths

  • Most apps offer robust tracking features, providing detailed data about their fitness journey.

  • Strong reputations and user trust, which helps with adoption and retention.

  • Offer expert-led workouts and professional training programs, appealing to users seeking structured guidance.

  • Seamlessly integrate with wearable devices, enabling real-time metrics tracking.

Recruitment

Interview Guide

Affinity Map

Takeaways

Paticipant Recruitment

First and Foremost, I wanted to speak with uses who have first hand experience wwith working out and who have an established routine

I was able to gather 5 participants with a history of fitness consistency after brainstorming my networks.

User Personas

A total of three user personas emerged based of user interviews and research

Project Scope
User Needs

  • The user should be able to track progress through receiving feedback from others as well as a way to track these visual and subjective changes across time.

  • Users should have access to information about programs and ability to customize them, as well as a way to track progress through the program.

  • Users should have access to a database of programs and visual media as a means of learning fitness from trusted sources.

HMW's

  • How might we provide users with a way to track subjective feeling progress, as well as visual changes across time while providing feedback from the community?

  • How might we give users access to customizable fitness programs and trackable fitness plans?

  • How might we provide users with access to media and information about programs and exercises?

IA and User Flows

Sitemap

User Flow 1

User Flow 2

User Flow 3

Sitemap

Organizing the mobile app structure.

Brand Starting Point

Brand Colors

#964FD8

#384252

Neutral Colors

#15181E

#F0E6FA

#F1F3F6

#FFFFFF

Typogrophy

Icon Set

Introducing GSYNC

A flexible fitness app for gym enthusiasts
Creating a new workout

From the profile screen you can create a custom workout to use and implement

  • Add number of days per week

  • Select which exercises from a list

  • Add sets and reps per exercise

  • Save to add to profile for quick use

Using the workout and adjusting on the fly

From the profile screen you start your saved workout

  • Select the day of the program

  • Live checklist for completion

  • Swap exercise easily

  • Adjustable rest timer

Wireframing and Testing

Making workouts easy to track and flexible

Wireflows

Wireframes

Desktop

Wireflows for visual app structure

I converted the site map into a visual representation of how the wireframes would flow.

Testing and Results

Improved Exercise Library

Adjusted the hierarchy to make library categories more visible and interactive.

Bottom navigation was simplified and touch points were increased in size.

Improved Workout Builder

Made touch points larger and more promenent, as well as clarifying visual heirarchy on exercises.

Live Workout Changes

Added an “Edit” button to the workout details screen, allowing users to modify workouts directly from the library.

Made exercise names clickable for adjustments and redesigned the “Edit” button to be larger and more prominent.

Summary of Changes Based on User Testing

Improved Interaction Points

Made exercise names clickable for adjustments and redesigned the “Edit” button to be larger and more prominent.

Save Confirmation and Button Redesign

Added a “Workout Saved to Profile” pop-up confirmation and redesigned the save button to include text and make it more visible/

Library Enhancements:

Adjusted the hierarchy to make library categories more visible and interactive and added an “Edit” button to the workout details screen for easier on the fly modifications.

Impact

Improved Task Completion Rates

After implementing changes such as redesigning the “Edit” and “Save” buttons, task completion rates increased by 25%, with users successfully creating and saving custom workouts without confusion.

Reduced Time on Task

The average time to create a custom workout decreased by 30%, thanks to clearer navigation and more intuitive interaction points.

Higher User Satisfaction

User satisfaction scores rose from 3.5/5 to 4.5/5, with users praising the app’s ease of use and personalized features.