App Redesign Presentation · 2026

100 Pushups
Reimagined

A complete transformation from a legacy UIKit app into a modern, immersive SwiftUI experience — built for the next generation of fitness coaching.

Both

Light & Dark Mode

100%

SwiftUI

NEW

Auto Rep Detection

Workouts Guided

Scroll to explore

The Mission

Same program.
Completely new experience.

The 100 Pushups app has guided thousands of people through an 8-week fitness journey. The core program — 24 structured workouts, rest timers, awards and reminders — stays exactly the same. What changed is everything the user sees and feels.

"The old app did its job. The new app makes you want to do yours."

UIKit → SwiftUI

Light-only → Dark-first

List-based UI → Immersive full-screen

+ Auto Rep Detection (NEW)

+ Live camera feedback (NEW)

All 24 workouts preserved

Same business logic

iOS 16+ optimised

Screen 01 · Splash

First impression matters.

The launch screen sets the tone. The old app used a plain white canvas with a flat logo. The new app opens with a dramatic dark stage, a glowing icon, and a confident "Your Personal Trainer" tagline.

Before

❌White background — jarring in dark environments

❌Flat, static logo with no personality

❌Small "brought to you by" feels like an afterthought

◑ After · Dark

✅Dark background with warm orange glow — premium from the first frame

✅Icon glows with depth, as if lit from within

✅"Your Personal Trainer" positions the app as a coaching tool

☀ After · Light

Screen 02 · Home Dashboard

From a raw list to a coaching dashboard.

The home screen is where users spend the most time. The old app showed a plain scrollable list of sessions with no sense of urgency or progress. The new app greets the user with their exact challenge for today, their 8-week progress ring, and a clear weekly schedule.

Before

❌Bare list — no "today's workout" hero moment

❌Progress buried in small counters at the bottom

❌No weekly view — user must scroll to find their place

❌Dense layout makes it hard to scan quickly

◑ After · Dark

✅Large "Today's Challenge" card — zero friction to starting

✅Progress ring shows exact % of the 8-week journey

✅Weekly schedule: done, current and upcoming clearly visible

✅Bottom tab bar replaces hidden side-drawer navigation

☀ After · Light

Screen 03 · Warm Up

A moment of focus before every session.

The warm-up timer used to be a tiny green bar squeezed between list rows. Now it gets the full screen — a large circular countdown that pulls the user into workout mode.

Before

❌Warm-up is just a green bar at the top of the set list

❌Time remaining shown as plain text — easy to miss

❌Full session visible during warmup — cognitive overload

◑ After · Dark

✅Full-screen, distraction-free countdown

✅Animated orange ring drains as time counts down

✅"First Set — 2 Reps" preview tells users what's coming

✅"Skip Warm-up" for experienced users

☀ After · Light

Screen 04 · Active Set

Know exactly how many. Nothing else.

During a set, the user needs one piece of information: how many reps to do. The old app showed a busy list. The new app displays the rep count at display-filling scale — readable from across a room while doing pushups.

Before

❌Current set is one row among many — hard to track

❌Rep count is small — impossible to read from the floor

❌Two buttons (END / DONE) create ambiguity mid-workout

◑ After · Dark

✅Giant rep number dominates the screen — visible from any angle

✅Set progress dots show exactly where you are

✅Top progress bar tracks overall session completion

✅Clear single "Start Set" CTA — no ambiguity

☀ After · Light

Screen 05 · Rest Timer

Rest with intention.

The rest period is as important as the set itself. The new design turns the rest phase into its own dedicated moment — the screen goes green, confirming the set is done and letting the user breathe.

Before

❌Rest timer is just the top green bar — same layout as warmup

❌No clear confirmation that the set was just completed

❌Full list remaining creates anxiety during rest

◑ After · Dark

✅Green "Set complete" banner — instant positive reinforcement

✅Full-screen green circular timer — colour-coded to mean REST

✅"Skip Rest" for users who are ready early

✅"Next Up" keeps the user informed without pressure

☀ After · Light

New Feature · Exclusive

Automatic Rep Detection

The app now uses the iPhone's front camera and on-device computer vision to count pushups automatically. No tapping required. The user just does the work — the app keeps score.

◑ Dark

☀ Light

📷

Live camera preview

🤖

On-device AI vision

🔢

Counts reps in real time

📴

Works fully offline

🔒

No data leaves the device

Screen 06 · Completion

Celebrate the finish.

Completing a workout deserves a real celebration. The old app showed plain text on a white background. The new app explodes with confetti and awards the user with their earned badge in a cinematic reveal.

Before

❌White background — no ceremony, no celebration

❌Award badge feels small and overlooked

❌Social share icons are bare and uninviting

◑ After · Dark

✅Full confetti animation — a genuine moment of reward

✅Award badge presented prominently with a golden glow

✅Single "Share Achievement" CTA replaces three bare icons

✅Clean action hierarchy: Share → Redo → Back to Home

☀ After · Light

Screen 07 · My Awards

A wall of achievements.

The awards history is where users revisit their journey. The redesigned screen transforms a basic table into a sleek gallery that makes earned badges feel like trophies worth showing off.

Before

❌Dense list with social icons on every row — cluttered

❌Completion stats shown inconsistently

❌No overall progress summary at a glance

◑ After · Dark

✅Progress ring and reps summary at the top — instant overview

✅Cards with subtle share icon — tappable without clutter

✅Locked sessions clearly shown with lock placeholder

✅Consistent typography and spacing across all rows

☀ After · Light

Screen 08 · Settings

Accessible, organised, consistent.

The old settings lived in a side-drawer that slid in from the left — a UIKit pattern that iOS has largely moved away from. The new settings is a dedicated, scrollable screen that fits naturally in the tab bar and uses grouping and iconography to aid scanning.

Before

❌Side-drawer pattern feels dated and is hard to dismiss

❌Settings and navigation items mixed with no grouping

❌Covers the main screen rather than replacing it

◑ After · Dark

✅Dedicated full screen — accessible via tab bar at any time

✅Grouped sections: Plans, Preferences, Community, Info

✅Coloured icons on each row for fast visual scanning

✅Orange toggle style matches the app's design language

☀ After · Light

Side by Side

What changed, and why.

A concise summary of the key differences across every dimension of the user experience.

Area	Before (UIKit)	After (SwiftUI)
Framework	UIKit + Storyboards	SwiftUI (iOS 16+)
Colour scheme	Light mode only	Dark-first, full light/dark mode
Navigation	Hidden side drawer	Persistent tab bar
Workout UI	Scrollable list of sets	Immersive full-screen per phase
Timers	Small bar at the top of list	Full-screen animated circular ring
Rep counting	Manual tap only	✓ Manual + Auto camera detection
Completion screen	White background, plain text	Confetti animation, cinematic award reveal
Progress visibility	Counters at bottom of screen	Progress ring, weekly schedule, top bar
Typography	Standard system size	Black weight SF Pro, large display sizing
Accessibility	Small tap targets	Full-width CTAs, large interactive areas

Under the Hood

Built on a modern foundation.

Every feature and workout program from the original app is preserved, now running on a clean, maintainable SwiftUI architecture — with room to grow.

🍎 SwiftUI

📅 8-Week Program (XML)

🎵 ZenLabs Music Player

💳 Subscription Library

🏆 Achievements SDK

🔔 Local Notifications

📷 Vision Framework

📊 Firebase Analytics

💾 UserDefaults (offline-first)

🌍 Multi-target (Push · Pull · Sit · Squat)

Summary

What the user gains.

Every design decision in this redesign was made with one goal: reduce friction so the user can focus on working out, not on figuring out the app.

🎯

Zero-friction start

Today's workout is the first thing users see. One tap and they're going — no searching, no scrolling.

📺

Eyes-free workout

Giant rep numbers, audio cues, haptic feedback, and now automatic rep counting mean users can exercise without staring at the phone.

🏅

Stronger motivation loop

Confetti on completion, progress rings, and earned award badges make finishing a session feel genuinely rewarding.

📷

Auto rep detection

A first for the ZenChallenge series — the camera watches your form and counts every rep, entirely on-device and offline.

🌙

Dark-first design

Most workouts happen in bedrooms and home gyms. The dark UI is easier on the eyes and far more immersive in those environments.

🔮

Future-proof codebase

SwiftUI, multi-target architecture, and clean data separation mean adding new exercises or features is fast and low-risk.

100 PushupsReimagined

Same program.Completely new experience.

First impression matters.

From a raw list to a coaching dashboard.

A moment of focus before every session.

Know exactly how many. Nothing else.

Rest with intention.

Automatic Rep Detection

Celebrate the finish.

A wall of achievements.

Accessible, organised, consistent.

What changed, and why.

Built on a modern foundation.

What the user gains.

100 Pushups
Reimagined

Same program.
Completely new experience.