01 · Le bureau
Un bureau, pas un énième dashboard.
Fenêtres déplaçables, barre des tâches, menu Démarrer, clic droit partout : la métaphore Windows 95 est entièrement dessinée à la main, jusqu’aux icônes 16 × 16 en palette classique.
Retour aux réalisations
Produit digital · suivi d’habitudes
Rendre la régularité visible — avec le sourire.
Habits est un tracker d’habitudes déguisé en bureau Windows 95 : fenêtres déplaçables, barre des tâches, menu Démarrer — et une timeline qui montre le momentum.
Le produit, en mouvement
Aperçu animé — remplacez-le par une capture vidéo du produit.
Le problème
Partir de la réalité.
La plupart des trackers noient l’utilisateur sous les métriques. Il fallait une lecture immédiate — suis-je régulier ? — dans un cadre qui donne envie de revenir chaque jour.
Notre approche
Donner forme à l’essentiel.
Une métaphore de bureau rétro entièrement faite main : fenêtre Timeline (Aujourd’hui, Semaine, Calendrier, Momentum), séries et heatmap, corbeille restaurable, sons WebAudio et interface FR/EN.
Ce que cela change
Un outil qui fait de la constance quelque chose de tangible — objectifs hebdomadaires, séries, export JSON — sans jamais se prendre trop au sérieux.
4vues — aujourd’hui, semaine, calendrier, momentum
18 sem.d’historique dans chaque heatmap
0serveur — tout vit en localStorage
À l’intérieur
Le produit, en vrai.
02 · Aujourd’hui
La journée se coche, case par case.
La fenêtre Chronologie s’ouvre sur le jour : les habitudes à faire, la progression, les séries en cours et l’objectif hebdomadaire de chacune — on sait en deux secondes où on en est.
03 · Cette semaine
La semaine tient dans un tableau.
Sept colonnes, une ligne par habitude, une colonne « Obj. » pour la cible — 6/7, 3/5, 2/7. Les jours futurs restent grisés : impossible de tricher avec demain.
04 · Fiche habitude
Chaque habitude a son dossier.
Série en cours, record, taux sur trente jours, heatmap sur dix-huit semaines et jours récents : double-cliquer une icône ouvre sa fenêtre de propriétés, comme un fichier.
05 · Personnalisation
Windows Default ou Eggplant.
Les Propriétés d’affichage repeignent le bureau — Hot Dog Stand inclus. Les sons sont synthétisés en WebAudio et l’interface bascule du français à l’anglais depuis le menu Démarrer.
En images
Le projet, en vrai.
Sous le capot
- React 18
- Vite
- CSS fait main
- WebAudio
- localStorage
- i18n FR/EN
