AppsE-commerce
LVM Shop · 2026
Une application iOS et Android qui utilise directement le catalogue, les prix et le checkout Shopify de LVM Shop, sans serveur supplémentaire à maintenir. Publication sur les stores à venir.
Étude de cas
Quatrième : une app de padel pour réserver un terrain et trouver son quatrième joueur
Le padel se joue à quatre, et c'est là que tout se complique : trouver un terrain libre, réunir quatre joueurs de niveau proche, partager la note. Quatrième n'existe pas : c'est un projet du studio pour montrer comment nous concevons une app mobile, un produit qu'on ouvre tous les jours, d'une main.
- Cadre
- Projet studio (marque fictive)
- Secteur
- Sport & réservation
- Date
- octobre 2026
- Technologies
- Next.js 16, React 19, TypeScript, Tailwind CSS v4, Base UI, PWA, SVG, Vercel
01
Le terrain devient l'interface
Le logo est un terrain de padel vu de dessus, aux vraies proportions, avec la balle dans le quatrième carré : celui du joueur qui manque.
Les places sur le terrain
Les quatre places d'une partie s'affichent sur le terrain. On touche une place libre pour la prendre.
Les couleurs d'une halle de padel
Le vert du gazon, le jaune de la balle, la craie des lignes et le reflet des vitres, en thème clair et en thème sombre, avec des contrastes calculés pour chacun.
Des clubs inventés, des villes réelles
Les huit clubs et les joueurs sont inventés, et les noms des clubs ont été vérifiés pour ne correspondre à aucun club belge.
Une charte en ligne
Logo, icône d'app, couleurs et contrastes, typographies, composants et mises en situation.
Voir la charte de Quatrième (nouvel onglet)
Charte en ligne : le logo. Mises en situation.
02
Réserver en quelques gestes
Une date, une plage horaire, une ville : les créneaux libres arrivent groupés par club. Il reste à choisir une partie privée ou ouverte, puis qui paie quoi.
Le prix toujours à jour
Il est recalculé et annoncé à chaque choix.
Directement dans l'agenda
La confirmation propose d'ajouter la partie à son agenda et d'inviter des amis.
Rien de payé pour de faux
Aucun champ de carte : l'écran dit clairement que rien n'a été réservé ni payé.
Le parcours de réservation.
03
Une app qui se tient d'une main
Les joueurs ont entre 20 et 45 ans, jouent souvent après le travail et ouvrent l'app entre le bureau et le terrain. Tout se fait du pouce.
Les actions en bas de l'écran
Quatre onglets, les actions principales dans la moitié basse, et des panneaux qu'on glisse au doigt ou qu'on ferme par un bouton.
Le jeu après le jeu
Le score se saisit set par set, avec uniquement des scores de padel valides, puis le niveau évolue partie après partie.
Une app jamais vide
Créneaux et parties sont générés à partir de la date du jour, pour que la démo ne soit jamais périmée.
Le thème sombre. Profil et évolution du niveau.
04
Le résultat
Une app web peut avoir l'allure et les réflexes d'une app native. « Je veux jouer jeudi soir » mène en quelques gestes à une partie réservée, ouverte aux autres et ajoutée à l'agenda.
0
Violation à l'audit d'accessibilité
44 px
Taille minimale des cibles tactiles
2
Thèmes, clair et sombre
Audit axe sur tous les écrans de l'app, en clair et en sombre, panneaux ouverts compris.
Installable comme une app
Elle s'ajoute à l'écran d'accueil et s'ouvre en plein écran, sans passer par un store.
Utilisable au clavier aussi
Navigation complète au clavier, sélecteur de créneaux compris, et réservations, messages et prix annoncés aux lecteurs d'écran.
Avec son site
Un site de présentation raconte le parcours au défilement, avec une vidéo en motion design et une page pour les clubs.
Le site de présentation.
Notre expertise
Applications
Des applications mobiles et web conçues autour de ceux qui les utilisent, sur le terrain comme au bureau : iOS, Android et web à partir d'une seule base de code.
Questions fréquentes
Questions sur Quatrième
Ce que l'on nous demande à propos de ce projet.
Quatrième existe-t-elle ?
Non. C'est un projet studio : l'app, les clubs et les joueurs sont inventés. L'app est en ligne et s'utilise librement.
Faut-il passer par un store pour l'installer ?
Non. C'est une app web installable : elle s'ajoute à l'écran d'accueil depuis le navigateur et s'ouvre en plein écran.
Qu'est-ce que le studio a créé ?
Le nom, le logo, l'icône, la charte, l'app complète et son site de présentation, avec une vidéo en motion design.
L'app existe-t-elle en mode sombre ?
Oui, elle propose un thème clair et un thème sombre, avec des contrastes calculés pour chacun.
Une app web vaut-elle une app native ?
Pour un usage comme celui-ci, oui : elle s'installe, se tient d'une main et répond au doigt. Pour certaines fonctions du téléphone, une app native reste préférable, et nous en développons aussi.
Ce type d'app convient-il à mon activité ?
Oui, si vos clients réservent un créneau ou une place : club de sport, salle, atelier, cours. Le principe reste le même : réserver vite, d'une main.
AppsOutils métiersZILMA (outil interne) · 2026
La prospection, la démonstration et la vente d'une carte NFC tiennent dans une seule application, utilisée sur le terrain via TestFlight. Plusieurs cartes ont déjà été vendues avec elle.
AppsOutils métiersLavage de Vitres Maxime (LVM) · 2026
Planning, équipe et interventions réunis dans une seule application, en ligne depuis juin 2026 sur l'App Store, Google Play et le web.