Pushup30
Overview
This iOS app enables users to set daily push-up goals and monitor their progress. It employs facial recognition to automatically count repetitions, offering an automated tracking experience.
Although not groundbreaking conceptually, the purpose of this challenge was to test and demonstrate rapid UX building and app development skills.
the Challenge
In an online challenge, builders were tasked with identifying and rebuilding an existing app that exhibited poor UX.
The challenge stipulated that the new project must be fully developed and submitted to the App Store for approval within a 72-hour window, with approval to follow at a later stage.
Time Constraint
The app was conceptualized, designed, and developed within a 72-hour timeframe.
App Store Compliant
Must comply with the Human Interface Guidelines and all content, security, and IP standards set by Apple.
ThE Solution
For this challenge, the fitness app category was singled out for its widespread UX issues, leading to the development of a pushup tracking app. The app was developed with a focus on minimalist design for appeal and a creative method for counting pushups.
Automatic Counter
Using facial tracking, the app is able to distinguish if a pushup was properly executed based on the user's proximity to the ground.
Progress Tracking
Progress tracking was logged using UserDefaults, storing data locally on the device.
Minimalist Design
A simple and intuitive UI paired with an attractive colour gradient and smooth animations added to the app's visual appeal. The user was never more than one tap away from the main screen.
the Process
Given the 72-hour time constraint, the project was segmented into three stages, with each stage approximately corresponding to one day.
Day 1
Design
Day 2
Build
Day 3
Code
Analysis
After selecting fitness apps as the project's focal category, a quick competitor analysis was conducted. The primary insight was the prevalence of unintuitive interfaces and uninspired designs.
Wireframes
Competitive analysis revealed that the primary issue users faced was a confusing interface. To address this, I aimed to design a wireframe that simplifies navigation, ensuring that users are always a single tap away from returning to the homescreen. The goal was to make it immediately obvious to the user how to use and navigate the app from the moment they first open it.
Design
The app features a dark background on the main page and colorful gradients on the action pages. Despite the similar layout of components across these pages, their uses are quite distinct. The strong contrast in backgrounds serves as a visual cue, helping users easily identify which page they are currently viewing.
