Pour King 1x1, circuit international de basket 1 contre 1, Webndigital a conçu une application iOS et Android qui partage ses comptes et ses données avec le site. Elle réunit cinq usages : suivre le circuit, consulter le classement mondial, acheter un billet pour la finale avec un QR code, trouver un terrain et un adversaire près de chez soi grâce à Open Court, et gérer son profil de joueur. L’achat d’un billet se fait sans création de compte préalable et le paiement passe par Stripe.
Sommaire7 parties
- Client
- King 1x1 Streetball League
- Plateformes
- iOS et Android, avec un aperçu web pour les validations
- Fonctions clés
- Billetterie QR code, Open Court, classement mondial, profils joueurs
- Technologies
- Expo (React Native), TypeScript, Supabase, Stripe, MapLibre et OpenStreetMap
- Particularité
- Mêmes comptes et mêmes données que le site internet
- Année
- 2026
Le besoin : un public qui vit sur son téléphone
Les joueurs et les spectateurs de streetball suivent le circuit depuis leur téléphone. Le site présentait déjà la compétition ; il fallait leur donner un outil du quotidien : savoir où et quand se joue le prochain tournoi, suivre son rang, acheter sa place et, entre deux tournois, trouver quelqu’un contre qui jouer.
Contrainte forte : un seul compte pour le site et l’application, et aucune double saisie pour l’organisateur.
L’application en cinq onglets
Nous avons limité la navigation à cinq onglets, toujours visibles en bas de l’écran : Accueil, Tournois, Open Court, Classement et Profil. Chaque fonction est à un geste du pouce.
La billetterie avec QR code
La finale mondiale se joue le 20 décembre 2026 au Clichy Hall, aux portes de Paris, avec 2 500 places. La billetterie a été pensée pour aller du choix de la place au billet en moins d’une minute.
- Choix de la zone sur un plan de la salle : tribunes en accès libre, places VIP au bord du terrain, ou VIP avec loge.
- Choix du nombre de places, avec un aperçu du billet mis à jour en direct.
- Pas de compte à créer avant d’acheter : une adresse e-mail suffit, le compte est créé ensuite par un lien envoyé par e-mail.
- Paiement par Stripe ; le billet et son QR code ne sont créés qu’après confirmation du paiement.
- À l’entrée, chaque QR code ne peut être validé qu’une seule fois.
- Les informations pratiques sont sur la même page : adresse, accès en métro, capacité de la salle.
Pour un événement réel (et non un contenu numérique), le paiement par Stripe est autorisé dans les applications : il évite la commission de 15 à 30 % prélevée par les stores sur les achats intégrés.
Open Court : trouver un terrain et un adversaire
Open Court répond à une question simple : « Où est-ce que je peux jouer ce soir, et contre qui ? ». Le joueur voit les terrains publics autour de lui, propose un créneau, et les joueurs du secteur sont prévenus. Quelqu’un rejoint le créneau : le match est lancé.
- Une carte des terrains publics construite à partir des données OpenStreetMap, sans abonnement à une solution de cartographie payante.
- La localisation n’est demandée qu’au moment où elle sert, avec la possibilité de saisir simplement sa ville ou son code postal.
- Le joueur confirme sa présence sur le terrain au moment du match.
Les choix techniques, expliqués simplement
| Choix | Ce que cela apporte au client |
|---|---|
| Une seule application pour iOS et Android | Un seul développement, des mises à jour publiées en même temps sur les deux stores. |
| Base de données partagée avec le site | Un compte unique pour le joueur ; un résultat saisi une fois apparaît partout. |
| Règles vérifiées côté serveur | Points, paiements et validité des billets ne peuvent pas être modifiés depuis le téléphone. |
| Connexion sans mot de passe | Apple, Google ou lien par e-mail : moins d’abandons à l’inscription. |
| Aperçu web de l’application | Le client valide chaque écran depuis son navigateur, sans attendre la publication sur les stores. |
| Animations légères et retour haptique | Une application qui paraît premium, sans ralentir l’affichage. |
Ce qu’il faut retenir pour votre projet
- Ne demandez pas de créer un compte avant un achat : l’e-mail suffit, le compte peut venir après.
- Demandez les autorisations (localisation, notifications) au moment où elles servent, jamais à l’ouverture de l’application.
- Si vous avez déjà un site, partagez sa base de données avec l’application dès le départ.
- Pour un événement physique, une billetterie intégrée avec QR code coûte moins cher qu’une plateforme de billetterie qui prélève une commission sur chaque place.
Les chiffres d’usage (téléchargements, billets vendus, matchs Open Court) seront ajoutés à cette étude de cas lorsqu’ils seront mesurés.
Questions fréquentes
Combien de temps faut-il pour acheter un billet dans l’application ?
Le parcours tient en trois étapes : choix de la zone, nombre de places, puis e-mail et paiement. Aucun compte n’est à créer au préalable, le billet avec son QR code arrive dès que le paiement est confirmé.
Comment éviter qu’un billet soit utilisé deux fois ?
Chaque billet porte un QR code unique, lié à un secret stocké côté serveur. Au contrôle d’entrée, le code est validé une seule fois ; une deuxième présentation est refusée.
Qu’est-ce qu’Open Court ?
C’est la fonction de King 1x1 qui permet de trouver un terrain de basket public près de chez soi, de proposer un créneau et d’être prévenu quand un adversaire le rejoint.
Faut-il deux applications pour iPhone et Android ?
Non. L’application est développée une seule fois avec Expo (React Native) et publiée sur l’App Store et Google Play.
Site, application, boutique ou assistant IA : parlons-en lors d’un premier rendez-vous offert.