Jules Charles
Toutes les études de cas

Étude de cas, landing page

Rythme

La page de lancement d'une appli d'agenda. Une démo animée remplace la capture d'écran : on voit la semaine se réorganiser.

Cadre
Projet concept, application fictive
Mon rôle
Design et développement
Format
Landing page
Année
2026
Ouvrir le projet

Le contexte

Rythme est une application d'agenda imaginaire : elle regroupe les réunions l'après-midi pour libérer des matinées de concentration. Sa page de lancement devait donner envie d'essayer en quelques secondes.

Le problème

La promesse est abstraite. « Récupérez du temps de concentration » se lit sur toutes les landing pages, et une capture d'écran d'agenda ne montre pas ce qui change.

Ce que j'ai fait

  1. Plutôt qu'une capture, j'ai construit une vraie semaine d'agenda dans le haut de page. Dès qu'elle apparaît, les réunions glissent vers l'après-midi et des blocs de concentration prennent les matinées.

  2. J'ai ajouté un compteur qui passe de 4 h à 17,5 h de concentration, pour chiffrer la promesse au moment où on la voit.

  3. Le reste de la page suit un parcours simple : fonctionnement en trois étapes, témoignage, tarifs avec bascule mensuel ou annuel, et FAQ.

HTMLCSSJavaScriptWeb Animations API

Le résultat

12Réunions qui se réorganisent dans la démo
17,5 hDe concentration affichées après réorganisation
24 KoPoids de la page, sans les polices

Sur une landing page, montrer le produit en mouvement vaut mieux que trois paragraphes pour l'expliquer.

Ce que j'en retiens

Un projet similaire ?
Parlons-en.

Vous aimeriez un projet dans cet esprit ? Décrivez-le-moi en quelques lignes : je réponds sous 24 heures avec mes questions et une première estimation.