Case Study · 2026
Tout votre tennis
en un.
Application mobile de réservation de courts de tennis, de coachs et de matchs. Conçue pour être rapide, claire, et donner envie de jouer dès l'ouverture.
Le projet
Une app pour les joueurs
qui veulent juste jouer.
Trouver un court, réserver un créneau, payer en ligne. Trois actions qui devraient prendre 30 secondes — pas 15 minutes au téléphone. Voici le brief.
!
Le problème
Les apps existantes confondent réservation, billetterie et coaching dans une UI surchargée. Trop d'étapes, trop de champs, et un design qui n'évoque ni le sport ni l'énergie du jeu.
→
L'approche
Un parcours en 3 écrans — découvrir, choisir, payer. Une identité visuelle qui colle à l'univers tennis (vert balle, énergie, mouvement) et un design system structuré pour scaler la roadmap.
★
Le résultat
12 écrans alignés, 40+ composants documentés, prototype Figma cliquable end-to-end. Une expérience qui transforme la frustration en envie de réserver — et un système prêt pour le dev.
Les écrans
Du onboarding à la confirmation,
en quatre temps.
Tout votre
tennis en un.
Réservez en quelques tap.
Inscrit
01 — Onboarding
Premier contact
Une promesse claire, une image qui pose l'univers, un seul CTA. L'utilisateur sait où il met les pieds en moins de 2 secondes.
📍 Paris, IDF
🔍 Rechercher un court...
Tous
Couverts
≤ 50€
Cour Marathon
★ 4.8 · 1.2km
150€
Cour McLaire
★ 4.2 · 2.1km
100€
Roland-Garros
★ 5.0 · 3.8km
220€
02 — Découverte
Liste des courts
Filtres rapides, cards lisibles, prix proéminent. L'utilisateur compare en 5 secondes et choisit.
Disponibilité
🔍 Auteuil, Paris 16
Match's Singles
aujourd'hui · 18:00
85€
Réserver →
03 — Localisation
Carte interactive
Pin clair, court mis en avant en bas, CTA permanent. Un seul tap pour passer à la réservation.
Réservation
CourtCour Marathon
DateSam. 11 Mai
Horaire18:00 — 19:00
TypeSimple
Total150 €
✓Disponible · 1 créneau
Confirmer →
04 — Validation
Récap & confirmation
Tous les détails de la réservation en un coup d'œil, total bien lisible, un seul bouton pour valider.
Highlights
Quatre choix de design
qui changent l'expérience.
01
Identité tennis assumée
Le vert balle (#A8D820) en couleur d'action. Photo de joueuse en hero pour ancrer l'univers dès l'ouverture.
02
Parcours en 3 taps
Choisir → vérifier la dispo → payer. Pas de wizard, pas de formulaire long. Juste le minimum.
03
Carte centrée
La géolocalisation est première classe. La fiche court remonte automatiquement en bas pour 1 seul tap suffisant.
04
Design system structuré
40+ composants Figma documentés, tokens de couleurs et radius, prêts pour le dev React Native.
La stack
Designed in Figma.
Ready for production.
Design
Figma
Auto-layout
Variables
Tokens W3C
Dev-ready
React Native
SwiftUI
Jetpack Compose
Standards
WCAG 2.2 AA
8pt grid
Touch ≥ 44px