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.
12
écrans designés
40+
composants Figma
3 sem.
design + prototype
Application tennis — joueuse + balles + ciel
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.

Bonjour,
Mes-Reves 👋
📍 Paris, IDF
Tous Couverts ≤ 50€
Cour Marathon
★ 4.8 · 1.2km
150€
Cour McLaire
★ 4.2 · 2.1km
100€
Roland-Garros
★ 5.0 · 3.8km
220€
Home
Carte
Réserv.
Profil
02 — Découverte
Liste des courts

Filtres rapides, cards lisibles, prix proéminent. L'utilisateur compare en 5 secondes et choisit.

Disponibilité
Match's Singles
aujourd'hui · 18:00
85€
Réserver →
Home
Carte
Réserv.
Profil
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