Behind the scenes

The MyProgram home screen,
version by version.

From January 6 to September 25, 2026: 42 versions of the home screen, rebuilt from the code of their time and captured as they appeared on an Android phone, with the same fictional athlete.

  • 42 versions rendered
  • 262 days of history
  • 63 days without touching the home screen, from January 14 to March 18
  • 8 versions between September 23 and 25

The film

Nine months, in 42 frames.

Scroll through the versions, press play, or use the arrow keys.

Home screen of App Muscu 1.0.0, January 6, 2026

Version 1 of 42

January 6, 2026

Blue era App Muscu 1.0.0

Screen dated Wednesday, January 7, 8:15 a.m.

Milestone Today's session

Jan 6 Sep 25

marks the versions described below.

Milestones

Fourteen turning points, in four eras.

Each screen scrolls with your finger or mouse wheel, all the way down to the tab bar.

Screens are shown in French, the app's original language.

The beginnings

January

App Muscu becomes MyProgram in eight days. Black background, grey cards, blue for statuses.

Home screen of App Muscu 1.0.0, January 6, 2026

January 6, 2026 App Muscu 1.0.0

Today's session

The first home screen is a single card: today's planned session, its program, and two buttons to postpone it or mark it done. The app is still called App Muscu and has only three tabs.

See it in the film

Home screen of MyProgram 1.0.0, January 14, 2026

January 14, 2026 MyProgram 1.0.0

My week

Eight days later, the app is renamed MyProgram and the home screen lays out the whole week. Each day gets a heading, each card a status chip: today, upcoming or late. Every session can be postponed or completed. Profile becomes the fourth tab.

See it in the film ↕ the screen scrolls

The week fills out

March – April

The home screen is still a list of days. Cards first show a preview of the exercises, then the full detail.

Home screen of MyProgram 1.2.0, March 18, 2026

March 18, 2026 MyProgram 1.2.0

An exercise preview

After two months without touching the home screen, a centered header replaces the navigation one. Under each session title, the first three exercises and a count of the rest. The Sessions tab becomes Templates, then leaves the bar two days later.

See it in the film ↕ the screen scrolls

Home screen of MyProgram 2.0.0, April 5, 2026

April 5, 2026 MyProgram 2.0.0

Buttons move into the card

Postpone and complete move inside the card, below a divider. An upcoming session can no longer be completed, only postponed. When the current week is empty, the home screen shows the next one. The rest of v2.0.0 is about the program creation wizard and AI generation.

See it in the film ↕ the screen scrolls

Home screen of MyProgram 2.1.0, April 8, 2026

April 8, 2026 MyProgram 2.1.0

The detailed session

Each card lists its exercises, numbered, with sets, reps and loads. Tapping an exercise opens a YouTube tutorial, and the coach's note closes the list. To get there, sessions stop being free text: they are now stored as structured JSON.

See it in the film ↕ the screen scrolls

The Volt era

April – August

A real home screen takes shape: a week strip, a large session card, then one card per topic. Volt green becomes the signature of the app.

Home screen of MyProgram 2.1.0, April 19, 2026

April 19, 2026 MyProgram 2.1.0

The v3 redesign

The first home screen designed as a screen. At the top, the logo and the avatar. Then the week strip: white for done, circled for today, volt for what's coming. The next session fills a large volt card, with its chips and a start button. Two teething problems: the black logo disappears against the background, and the card shows the session's raw JSON, fixed eight days later.

See it in the film ↕ the screen scrolls

Home screen of MyProgram 3.0.0, April 27, 2026

April 27, 2026 MyProgram 3.0.0

The card unrolls the session

The volt card lists the exercises under the coach's note. Below it, a “this week” list lines up the other sessions in compact rows, with a stripe in the discipline's color: volt for fitness, blue for running. On May 2, the Ranking tab joins the bar.

See it in the film ↕ the screen scrolls

Home screen of MyProgram 3.6.8, June 5, 2026

June 5, 2026 MyProgram 3.6.8

The discipline's color

The day before, sessions move to v2: structured exercises and a session type (Gym, Running, Hyrox…). The large card drops the fixed volt for its discipline's color, sea green for the gym. The button stays black and takes that color for its label.

See it in the film ↕ the screen scrolls

Home screen of MyProgram 4.0.0, July 15, 2026

July 15, 2026 MyProgram 4.0.0

The question of the day

A card settles at the top of the home screen: the question of the day, with its streak and its notification. Meanwhile, the tab bar has changed: on June 18, Leagues moves in and Profile moves out. It now opens from the avatar.

See it in the film ↕ the screen scrolls

Home screen of MyProgram 4.1.0, August 24, 2026

August 24, 2026 MyProgram 4.1.0

A home screen made of cards

The list of the week's sessions leaves the home screen. Under the session card come two cards: today's nutrition, with calories left and protein, and the ranking, with the top % and the number of performances entered. Nutrition, added to the tab bar on August 12, now carries a BETA badge.

See it in the film ↕ the screen scrolls

Dark Glow

September

Eight versions in three days. Red, glass, topographic relief, and the day's readiness arriving on the home screen.

Home screen of MyProgram 4.3.3, September 23, 2026

September 23, 2026 MyProgram 4.3.3

Dark Glow

In one afternoon, the app changes its skin. Red replaces volt, IBM Plex Sans and JetBrains Mono replace the system font, and the tab bar becomes a floating glass capsule. The home screen follows half an hour later: a topographic background under a red glow that doesn't scroll, a large title, days as pills.

See it in the film ↕ the screen scrolls

Home screen of MyProgram 4.3.3, September 23, 2026

September 23, 2026 MyProgram 4.3.3

Morning cards

Five minutes later, the Body tab moves onto the home screen. In the morning, a card asks how a reported discomfort feels, here a knee, from 0 to 10. The bar now holds Home, Programs, Nutrition and Body.

See it in the film ↕ the screen scrolls

Home screen of MyProgram 4.3.3, September 24, 2026

September 24, 2026 MyProgram 4.3.3

One header, a folded session

Feedback from the phone arrives the next day. JetBrains Mono goes, leaving a single font. The logo is centered above the title, as on the Nutrition tab. The session card folds down to its title, note, chips and button: the exercises stay inside the session.

See it in the film ↕ the screen scrolls

Home screen of MyProgram 4.3.3, September 25, 2026

September 25, 2026 MyProgram 4.3.3

Today

Today's readiness sits between the week strip and the session: sleep, HRV, resting heart rate, and the day's suggestion when a discomfort calls for it. The button now opens the session when it doesn't start the workout directly. Behind the avatar, a notifications inbox.

See it in the film ↕ the screen scrolls

How we did it

The real code, not mockups.

  1. For each version, the app's code is extracted exactly as it was that day, from its git history.
  2. It is compiled for the browser with react-native-web. The app believes it runs on Android. Phone-only features (widgets, health, subscriptions, notifications) are replaced by inert stand-ins, and the server by a small fake database.
  3. The tab bar, icons and fonts are those of the time: Roboto and Android's emoji, then IBM Plex once the app adopts it.
  4. The same fictional athlete everywhere: a Push Pull Legs program and a half-marathon plan, Monday and Tuesday done, the Pull session planned for today.
  5. The clock is frozen at 8:15 a.m. on the Wednesday of each version's week. Each screen is captured at 384 × 832 points.

These are not period screenshots. The data is made up, the status bar is drawn and the screens don't respond to touch. The visible flaws, however, are original.

The latest version fits in your pocket.

Get it on Google Play
Oui →