Respiration & mobilité · Pages d’accueil
Haléine
Respire mieux
Scroll pour découvrir ↓
01 · Respiration & mobilité
Des programmes qui tiennent dans la semaine
Respire mieux. Direction fictive — même niveau de craft que les missions clients sous NDA.
- 01
Sessions live
15 ou 30 min, matin ou soir — coachs en direct.
- 02
Parcours
Stress, sommeil, posture — un fil progressif sur 4 semaines.
- 03
Suivi
Rappels doux, pas de culpabilité si tu rates un jour.
01b · Technique
Fiche technique
Stack, mise en ligne et mon rôle sur ce build — pour recruteurs et tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- Framer Motion
- next/image
- Déploiement
Démo locale /play — front Next.js, sans backend métier
- Rôle
Direction UI · intégration · interactions
- Conditions
Direction fictive (NDA) — même niveau de craft que missions réelles
02 · Dans le produit
Un scroll, un écran
Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.
Respiration & mobilité
Des programmes qui tiennent dans la semaine
- 1
Sessions live
15 ou 30 min, matin ou soir — coachs en direct.
- 2
Parcours
Stress, sommeil, posture — un fil progressif sur 4 semaines.
- 3
Suivi
Rappels doux, pas de culpabilité si tu rates un jour.
94 %
postes pourvus < 45 j
4,9 / 5
satisfaction
6 mois
garantie
Ils respirent vraiment mieux — En 3 semaines j’ai arrêté de me réveiller à 4h du matin.
Commencer aujourd’hui
Première session live ce soir à 19h30 · sans engagement.
CommencerRetour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Membres
Ils respirent vraiment mieux
“En 3 semaines j’ai arrêté de me réveiller à 4h du matin.”
“Les sessions de 15 min passent même entre deux calls.”
04 · 7 jours offerts
Commencer aujourd’hui
Première session live ce soir à 19h30 · sans engagement.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
Étape 1/3
Besoin
Démo locale — aucune donnée n’est envoyée.
05 · Même famille
D’autres directions du même type — pour comparer densités et ambiances.
06 · Ce qu’on regarde
- 01Hero + sections sous la fold (pas juste une accroche)
- 02Hiérarchie visuelle et CTA principal
- 03Densité d’info vs lisibilité
- 04États interactifs (hover, sélection, feedback)