Démo en direct · Application mobile

Essayez une application mobile avant de bâtir la vôtre

Commandez un café, cumulez des points et suivez votre commande dans une application conçue pour un café fictif. Utilisez-la dans le téléphone à l’écran, ou scannez le code pour l’ouvrir sur le vôtre.

Voyez-la comme un client, sans le site autour.

Café Bruma est une chaîne de cafés fictive à Québec. Le menu, les prix et les paiements sont inventés, et aucune carte n’est jamais débitée.

Ce que vous pouvez essayer dans cette app

Chaque écran fonctionne. Commandez un café, payez, attendez la notification et dépensez vos points, comme le ferait un client.

01

Commander en quelques touchers

Un menu par catégorie, avec les options que les gens demandent vraiment : format, lait, shot supplémentaire, sirop. Le prix se met à jour au fil des choix.

02

Ramassage au bon café

Le client choisit une succursale et une heure, le plus tôt possible ou une plage précise. Dans un vrai projet, la commande arrive sur une tablette ou la caisse de cette succursale.

03

Apple Pay, Google Pay ou une carte

Chaque téléphone affiche son propre bouton de portefeuille. Dans une vraie app, le paiement passe par un fournisseur comme Stripe, et les numéros de carte ne touchent jamais vos serveurs.

04

Un avis quand c’est prêt

La commande passe de reçue à en préparation, puis à prête, et l’app avertit le client. Sur un vrai téléphone, c’est une notification push, même quand l’app est fermée.

05

La fidélité sans carte en papier

Des points sur chaque dollar, une carte à tampons pour les boissons et des récompenses que le client applique à sa commande en un toucher.

06

En français ou en anglais

Le client change la langue dans l’app, active ou coupe les notifications et refait une commande passée à partir de l’accueil.

Pour qui une app comme celle-ci

Cafés et restaurants

Commander d’avance, éviter la file et faire revenir les habitués avec des points. Moins de commandes au téléphone et un comptoir qui roule mieux au coup de feu.

Boutiques et détaillants

Ramassage en magasin, une carte de fidélité dans le téléphone et des offres envoyées aux clients qui achètent déjà chez vous.

Gyms et entreprises de services

Réservation de cours ou de rendez-vous, abonnements, rappels et paiements dans une app que vos clients gardent sur leur écran d’accueil.

Comment on la bâtit

Un seul code pour iPhone et Android, publié à votre nom dans les deux magasins d’applications.

  1. 1

    Tracer les parcours principaux

    On commence par les trois ou quatre choses que vos clients font le plus, comme commander, payer et cumuler des points, et on conçoit ces écrans d’abord, en français et en anglais.

  2. 2

    Un seul code, deux magasins

    Pour une app comme celle-ci, on écrit un seul code TypeScript qu’on publie sur iOS et Android avec Capacitor, avec des modules natifs pour les notifications push et les paiements. Quand une fonction demande plus de travail natif, on écrit cette partie en natif.

  3. 3

    Brancher vos systèmes

    Le menu, les prix et les succursales viennent de votre caisse ou d’une interface de gestion que votre équipe modifie. Les commandes vont à la bonne succursale et les paiements à votre fournisseur.

  4. 4

    Publier et faire vivre l’app

    On prépare les fiches des magasins, les captures d’écran et les détails de confidentialité, on passe la révision d’Apple et de Google, puis on publie des mises à jour à un rythme régulier.

Ce qu’il y a sous le capot

  • Un seul code TypeScript et React, publié sur iOS et Android avec Capacitor
  • Notifications push par Apple et Google, envoyées quand une commande change de statut
  • Apple Pay, Google Pay et cartes par un fournisseur de paiement comme Stripe
  • Menu et carte de fidélité enregistrés dans le téléphone : l’app s’ouvre vite, même avec peu de réseau
  • Interface qui suit chaque plateforme : barre d’onglets, en-têtes, boutons et feuille de paiement
  • Français et anglais, avec le choix du client enregistré dans son compte
  • Statut de commande envoyé en direct de l’interface de gestion à l’app
  • Fiches, étiquettes de confidentialité et révision pour l’App Store et Google Play

Questions sur les applications mobiles

Montréal · Québec · Canada

On construit le produit. Vous livrez le résultat.

Sites, applications, portails et apps mobiles — un studio, du code qui tourne.

Démarrer un projet