ERA Fit training app

Portfolio /

ERA Fit

We partnered with Rami Knudsen to build ERA — a premium native app that makes training, nutrition, and progress effortless to track, not just possible. It merges a luxury aesthetic with fast, frictionless logging and a gamified points-and-leaderboard layer that turns consistency into something worth chasing.

We helped shape a platform that feels less like a spreadsheet and more like a coach who already knows what you're lifting next week.

Services

  • Product Strategy
  • Logo Design
  • UX Research
  • UX/UI Design
  • Design Systems
  • Mobile App Development
  • AI Integration
  • Motion Design

Scroll to explore

I was logging every set by hand — sets, reps, weights, week after week. I wanted tracking to feel effortless, not like homework after the workout — an app as premium as the training itself, with a reason to keep showing up.

Rami Knudsen

Founder, ERA Fit

I was logging every set by hand — sets, reps, weights, week after week. I wanted tracking to feel effortless, not like homework after the workout — an app as premium as the training itself, with a reason to keep showing up.

Rami Knudsen

Founder, ERA Fit

The Challenge

Complexity Simplified

Luxury holds attention through restraint; fitness apps hold it through noise - points, streaks, leaderboards. This needed both: an experience premium enough to feel considered, yet simple enough for someone tired and out of breath mid-set to open, log, and return to every time they trained — one place for every workout, weight, and meal.

The challenge was building a rewards system strong enough to carry someone through 12 weeks of training, without a single part of it feeling like a game.

Our Approach

Strategy In Action

We mapped every action a lifter takes mid-set, then removed anything that added a decision instead of removing one. If a screen could calculate something automatically, it stopped asking.

Weight and reps log in two taps. Top set and back-off weights calculate automatically, and rating a lift - too light, correct, too heavy - quietly adjusts next session's weight. The same rule shaped the visual language: one gold accent, one serif for what deserves weight, one clean sans for everything read mid-set.

Design Process

From Vision To Experience

A design process built around two things that rarely sit together - a premium, luxury feel and a logging flow simple enough to use mid-set, tired and shaking, without it turning into a task.

Understand

Building the foundation

  • Stakeholder Workshops
  • Training Log Analysis
  • Habit & Retention Research
  • Competitive Analysis — fitness and luxury categories

Define

Creating product clarity

  • Program & Persona Mapping
  • User Journeys — first logged set to first streak
  • Information Architecture
  • Feature Prioritization — Phase 1 vs. Phase 2 scope

Design

Crafting the experience

  • User Flows
  • Wireframes
  • Reward System Design
  • UI Design & System — gold accent, Playfair Display, dark canvas

Validate

Refining through iteration

  • Interactive Prototypes
  • TestFlight & Client Review
  • Design Iterations
  • Experience Optimization

And yes! The unlimited coffee sessions that fuel the absolute fire designs!

Design System

Development

Built for the next set. And the next twelve weeks.

ERA connects a structured training program to the small actions that happen between sets. Development centers on fast logging, consistent progression, and a points system that stays tied to the work an athlete actually records.

From architecture to experience

  1. Plan
  2. Log
  3. Progress
  1. Map the program

    Connect training phases, weekly sessions, exercise prescriptions, and personal records. The whole program needs a consistent structure before the first set is logged.

    Program and progression model
  2. Build the logging loop

    Make weight, reps, and effort quick to record in the middle of a workout. Keep session progress visible while reducing the amount of typing required between sets.

    A focused in-session flow
  3. Connect the feedback

    Carry logged work into exercise history, progress summaries, nutrition targets, and the leaderboard. A point or record should trace back to something that happened in training.

    Progress and reward logic
  4. Polish the finish

    Check session completion, missed days, returning to a program, and long exercise histories. The final summary should make the next workout easier to understand.

    A clear return-to-training loop

Technology stack

The foundations behind the experience.

  • React Native

    A shared foundation for the mobile experience.

  • Expo

    Native device capabilities and app delivery.

  • Supabase

    Connected data and account services.

  • Redux Toolkit

    Shared application state across training flows.

Accelerated Delivery.

Mar ‘26Apr ‘26May ‘26Jun ‘26Jul ‘26
Research3 days
UX & Wireframes12 days
Design Phase 214 days
Design Phase 214 days
Development15 days
Sync3 days
Feedback2 days
WF Testing3 days
MaintenanceOngoing

Built for Impact.

ERA Fit — Today's Workout, Zero Digging

Today's Workout, Zero Digging

Points, streak, and the day's session are visible before a single tap — duration, muscle groups, and week position all frontloaded onto one card. By the time someone opens the app, they've already decided to train; the screen just gets out of the way.

Built for Impact.

ERA Fit — The Whole Arc, Visible From Day One

The Whole Arc, Visible From Day One

All twelve weeks and three phases — Hypertrophy, Strength, Peak — are laid out from the first login, with completed, missed, and current days coded in the same color language used everywhere else. The schedule isn't fixed, either: it recalibrates after the first month based on how training actually went.

Built for Impact.

ERA Fit — The Screen Built for Exhausted Hands

The Screen Built for Exhausted Hands

Weight and reps adjust with a drag and a tap — no keyboard, no typing mid-set. Rating the lift as light, correct, or heavy takes one more tap and quietly recalculates next session's weight, so progressive overload never depends on memory or math.

Built for Impact.

ERA Fit — A Finish Line That Feels Earned

A Finish Line That Feels Earned

Every session closes with what actually happened — duration, sets logged, points earned, any new PRs — instead of a generic congratulations screen. The medal is a flourish; the real reward is seeing exactly what the work produced.

Built for Impact.

ERA Fit — Every Lift, Charted Against Last Week

Every Lift, Charted Against Last Week

Each exercise shows this week's working weight next to how it moved since the last session — a quiet +5kg or −5kg instead of a chart to interpret. Scrolling this list before training tells a lifter exactly what to expect, no memory required.

Built for Impact.

ERA Fit — Guidance That Tracks Itself Against the Plan

Guidance That Tracks Itself Against the Plan

Daily targets update automatically against the current training phase, and a week strip shows at a glance which days were logged and which were missed. Logging a meal takes one tap — no calorie math, just an entry that folds straight into the day's numbers.

Built for Impact.

ERA Fit — One Screen, Every Number That Matters

One Screen, Every Number That Matters

Workouts, points, streak, phase progress, and personal records live on a single screen — no digging across tabs to understand how a week went. The leaderboard sits one tap away, framed as an extension of personal progress rather than a separate competitive mode.

Built for Impact.

ERA Fit — Rank Built on Real Work

Rank Built on Real Work

Every point on the board traces back to a logged set, a personal record, or a maintained streak — never an arbitrary badge. The podium leans on laurel wreaths instead of neon trophies, a quiet nod to "Golden Era" that makes climbing the ranks feel like an achievement, not a notification.

Explore More Works