Coachly
L'app qui relie le coach et ses clients
Suivi d'accompagnement mobile : objectifs, tâches et bilans partagés entre le coach et chaque client.
Un projet, 2 interfaces
À quoi ça ressemble
Coachly rassemble dans une seule app mobile le coach et les entrepreneurs qu'il accompagne. Côté coach : un tableau de bord de tous ses clients, des objectifs et des tâches à créer, des notes de séance. Côté client : sa progression en direct, ses tâches à cocher et un bilan hebdo envoyé en quelques minutes.
Une identité visuelle unique
Couleurs
Typographie
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9 & @ # %
Titres qui portent le message
Sous-titres qui structurent
Un texte courant lisible sur tous les écrans, avec des interlignes généreux.
Construit avec des technologies qui durent
Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.
Next.js
React
TypeScript
Tailwind CSS
Framer Motion
Node.jsLe projet écran par écran
Des enjeux concrets, des réponses concrètes
Des enjeux concrets, des réponses concrètes
Les choix qui comptent
Trois décisions de conception prises sur ce projet, et pourquoi.
Deux espaces, une seule donnée
Deux espaces, une seule donnée
Le coach crée les objectifs et les tâches dans son espace. Le client les retrouve aussitôt dans le sien et les coche.
Un même modèle relie les deux côtés : chaque action du client remonte au coach, sans ressaisie.
La progression rendue tangible
La progression rendue tangible
Chaque objectif porte une barre ou un ring de progression, recalculé dès qu'une tâche passe à « fait ».
Un code couleur par rôle — vert pour le coach, terracotta pour le client — sépare les deux univers sans changer de repères.
Le bilan hebdo en 5 minutes
Le bilan hebdo en 5 minutes
Le client note son humeur, son énergie, ses wins et ses blocages dans un formulaire court.
Le coach le reçoit en notification et arrive en séance avec un vrai point de départ — fini les relances manuelles.
Rapide, mesuré, prouvé
La vitesse n’est pas une promesse : elle se mesure.
Chargement immédiat
Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.
Images optimisées
Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.
Stabilité visuelle
Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.
Une sécurité qui ne dort jamais
Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.
Sauvegardes quotidiennes sur serveur distant
Procédure de reprise testée mensuellement
Monitoring automatique toutes les 5 min du service, alerte auto si service down
Chiffrement SSL
Isolation des environnements de développement
5 étapes pour concrétiser votre projet
Cadrage
On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.
Reçu ! On vous prépare un prototype sous 3j
Vous décrivez votre projet
Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.
Vous avez lu jusqu’ici ? Continuons ensemble.
Avant de signer, on vous offre sous 3j un prototype de votre projet.
Sans engagement
