Coulisses

L'accueil de MyProgram,
version par version.

Du 6 janvier au 25 septembre 2026, 42 versions de l'écran d'accueil, recompilées depuis le code de leur époque et photographiées comme sur un téléphone Android, avec le même athlète fictif.

  • 42 versions rendues
  • 262 jours d'historique
  • 63 jours sans toucher à l'accueil, du 14 janvier au 18 mars
  • 8 versions entre le 23 et le 25 septembre

Le film

Neuf mois, en 42 images.

Fais défiler les versions, lance la lecture ou utilise les flèches du clavier.

Écran d'accueil de App Muscu 1.0.0, 6 janvier 2026

Version 1 sur 42

6 janvier 2026

Époque bleue App Muscu 1.0.0

Écran daté du mercredi 7 janvier, 8 h 15.

Étape La séance du jour

6 janv. 25 sept.

marque les versions commentées plus bas.

Les étapes

Quatorze tournants, en quatre époques.

Chaque écran se fait défiler du doigt ou à la molette, jusqu'à la barre d'onglets.

Les débuts

Janvier

App Muscu devient MyProgram en huit jours. Fond noir, cartes grises, un bleu pour les états.

Écran d'accueil de App Muscu 1.0.0, 6 janvier 2026

6 janvier 2026 App Muscu 1.0.0

La séance du jour

Le premier accueil tient en une carte : la séance prévue aujourd'hui, son programme, et deux boutons, Décaler et Valider la séance. L'app s'appelle encore App Muscu et n'a que trois onglets : Accueil, Programmes, Séances.

Voir dans le film

Écran d'accueil de MyProgram 1.0.0, 14 janvier 2026

14 janvier 2026 MyProgram 1.0.0

Ma semaine

Huit jours plus tard, l'app prend le nom de MyProgram et l'accueil déroule toute la semaine. Chaque jour a son intertitre, chaque carte sa pastille d'état : Aujourd'hui, À venir ou En retard. Décaler et Valider suivent chaque séance. Le Profil devient le quatrième onglet.

Voir dans le film ↕ l'écran défile

La semaine s'étoffe

Mars – avril

L'accueil reste une liste de jours. Les cartes montrent d'abord un aperçu des exercices, puis leur détail complet.

Écran d'accueil de MyProgram 1.2.0, 18 mars 2026

18 mars 2026 MyProgram 1.2.0

L'aperçu des exercices

Après deux mois sans toucher à l'accueil, un en-tête centré remplace celui de la navigation. Sous le titre de chaque séance s'affichent les trois premiers exercices et le nombre des suivants. L'onglet Séances devient Templates, puis quitte la barre deux jours plus tard.

Voir dans le film ↕ l'écran défile

Écran d'accueil de MyProgram 2.0.0, 5 avril 2026

5 avril 2026 MyProgram 2.0.0

Les boutons entrent dans la carte

Décaler et Valider passent à l'intérieur de la carte, sous un filet. Une séance à venir ne se valide plus, elle se décale seulement. Quand la semaine en cours est vide, l'accueil affiche la suivante. Le reste de la v2.0.0 porte sur le wizard de création de programme et la génération par IA.

Voir dans le film ↕ l'écran défile

Écran d'accueil de MyProgram 2.1.0, 8 avril 2026

8 avril 2026 MyProgram 2.1.0

La séance détaillée

Chaque carte déroule ses exercices, numérotés, avec séries, répétitions et charges. Toucher un exercice ouvre un tutoriel YouTube, et la note du coach ferme la liste. Pour y arriver, les séances cessent d'être du texte libre : elles sont stockées en JSON structuré.

Voir dans le film ↕ l'écran défile

L'époque Volt

Avril – août

Un vrai écran d'accueil prend forme : frise de la semaine, grande carte de séance, puis une carte par sujet. Le volt signe l'app.

Écran d'accueil de MyProgram 2.1.0, 19 avril 2026

19 avril 2026 MyProgram 2.1.0

La refonte v3

Le premier accueil dessiné comme un écran. En haut, le logo et l'avatar. Puis la frise de la semaine : blanc pour ce qui est fait, cerclé pour aujourd'hui, volt pour ce qui vient. La prochaine séance occupe une grande carte volt, avec ses pastilles et « Démarrer la séance ». Deux défauts de jeunesse : le logo noir se perd sur le fond, et la carte affiche le JSON brut de la séance, corrigé huit jours plus tard.

Voir dans le film ↕ l'écran défile

Écran d'accueil de MyProgram 3.0.0, 27 avril 2026

27 avril 2026 MyProgram 3.0.0

La carte déroule la séance

La carte volt liste les exercices sous la note du coach. En dessous, « Cette semaine » aligne les autres séances en lignes compactes, avec un liseré à la couleur de la discipline : volt pour le fitness, bleu pour la course. Le 2 mai, l'onglet Classement rejoint la barre.

Voir dans le film ↕ l'écran défile

Écran d'accueil de MyProgram 3.6.8, 5 juin 2026

5 juin 2026 MyProgram 3.6.8

La couleur de la discipline

La veille, les séances passent en v2 : exercices structurés et type de séance (Salle, Running, Hyrox…). La grande carte quitte le volt fixe pour la couleur de sa discipline, vert d'eau pour la salle. Le bouton reste noir et prend cette couleur pour son libellé.

Voir dans le film ↕ l'écran défile

Écran d'accueil de MyProgram 4.0.0, 15 juillet 2026

15 juillet 2026 MyProgram 4.0.0

La question du jour

Une carte s'installe en tête de l'accueil : la question du jour, avec sa série de jours consécutifs et sa notification. Entre-temps, la barre a changé : le 18 juin, les Ligues y entrent et le Profil en sort. On l'ouvre désormais depuis l'avatar.

Voir dans le film ↕ l'écran défile

Écran d'accueil de MyProgram 4.1.0, 24 août 2026

24 août 2026 MyProgram 4.1.0

L'accueil en cartes

La liste des séances de la semaine quitte l'accueil. Sous la carte de séance viennent deux cartes : Nutrition du jour, avec les calories restantes et les protéines, et Classement, avec le top % et le nombre de performances saisies. La Nutrition, entrée dans la barre le 12 août, y porte maintenant un badge BETA.

Voir dans le film ↕ l'écran défile

Dark Glow

Septembre

Huit versions en trois jours. Le rouge, le verre, le relief topographique, et la forme du jour qui arrive sur l'accueil.

Écran d'accueil de MyProgram 4.3.3, 23 septembre 2026

23 septembre 2026 MyProgram 4.3.3

Dark Glow

En une après-midi, l'app change de peau. Le rouge remplace le volt, IBM Plex Sans et JetBrains Mono remplacent la police système, et la barre d'onglets devient une capsule de verre flottante. L'accueil suit une demi-heure plus tard : un fond topographique sous un halo rouge qui ne défile pas, un grand titre, des jours en pastilles.

Voir dans le film ↕ l'écran défile

Écran d'accueil de MyProgram 4.3.3, 23 septembre 2026

23 septembre 2026 MyProgram 4.3.3

Les cartes du matin

Cinq minutes après, l'onglet Forme s'invite sur l'accueil. Le matin, une carte demande où en est une gêne déclarée : « Ta gêne au genou ce matin ? », de 0 à 10. La barre compte désormais Accueil, Programmes, Nutrition et Forme.

Voir dans le film ↕ l'écran défile

Écran d'accueil de MyProgram 4.3.3, 24 septembre 2026

24 septembre 2026 MyProgram 4.3.3

Un seul en-tête, une séance repliée

Les retours sur téléphone arrivent le lendemain. JetBrains Mono disparaît, il ne reste qu'une police. Le logo se centre au-dessus du titre, comme sur l'onglet Nutrition. La carte de séance se replie sur son titre, sa note, ses pastilles et son bouton : les exercices restent dans la séance.

Voir dans le film ↕ l'écran défile

Écran d'accueil de MyProgram 4.3.3, 25 septembre 2026

25 septembre 2026 MyProgram 4.3.3

Aujourd'hui

La forme du jour s'intercale entre la frise et la séance : sommeil, VFC, fréquence cardiaque de repos, et la proposition du jour quand une gêne l'exige. Le bouton dit « Ouvrir la séance » quand il ne lance pas directement l'entraînement. Derrière l'avatar, une boîte de notifications.

Voir dans le film ↕ l'écran défile

Comment on a fait

Le vrai code, pas des maquettes.

  1. Pour chaque version, le code de l'app est extrait tel qu'il était ce jour-là, depuis son historique git.
  2. Il est compilé pour le navigateur avec react-native-web. L'app s'y croit sur Android. Les fonctions propres au téléphone (widgets, santé, abonnements, notifications) sont remplacées par des doublures inertes, et le serveur par une petite base factice.
  3. La barre d'onglets, les icônes et les polices sont celles de l'époque : Roboto et les emojis d'Android, puis IBM Plex quand l'app l'adopte.
  4. Le même athlète fictif partout : un programme Push Pull Legs et un plan semi-marathon, lundi et mardi faits, la séance Pull prévue aujourd'hui.
  5. L'horloge est figée au mercredi de la semaine de chaque version, à 8 h 15. Chaque écran est photographié en 384 × 832 points.

Ce ne sont pas des captures d'époque. Les données sont inventées, la barre d'état est dessinée et les écrans ne réagissent pas au toucher. Les défauts visibles, eux, sont d'origine.

La dernière version tient dans ta poche.

Télécharger sur Google Play
Oui →