06 — Application mobile

Dans la poche
de vos clients.

Application mobile iOS et Android sur-mesure à Montbéliard. Une app rapide et fluide, installée sur le téléphone de vos clients.

React NativePWAiOSAndroid
— ATELIER
Un exemple parmi mille possibilités
↓ Scroll
— 02 / La techno

Native ou cross-platform.

Mesures relatives
Performance native92/100
Coût de production70/100
Time-to-market95/100
Couverture iOS+Android95%+
NOTRE RECO
Notre choix par défaut : React Native. Native pur si l’expérience prime (jeu, AR, vidéo broadcast) ou si vous n’adressez qu’une plateforme.
LANGAGES
JSTS
MAINTENU PAR
Meta
+ POUR
Stack web réutilisée
Hot reload
95% code partagé
CodePush
− CONTRE
Bridge natif parfois lent
Stack qui évolue vite
03 — Une app dans la poche

Une démo qui suit.

L’iPhone reste avec vous le temps de cette section. À chaque palier, l’écran change. C’est comme cela qu’on conçoit : un flux, pas une suite de pages.

8
écrans, 1 vraie app
Welcome

L’arrivée.

Premier contact, dans 4 secondes votre client doit comprendre la promesse. Animation hero, CTA clair, FaceID si compte existant.

<4s
pour comprendre
Onboarding

Le parcours d’entrée.

3 étapes, jamais plus. Chaque étape demande une seule chose. Indicateur de progression, retour possible. Permission push demandée au bon moment.

3
étapes max
Feed principal

L’écran de retour.

Celui que l’utilisateur ouvre 8x par jour. Au-dessus du fold : ce qui compte. Pull-to-refresh natif, lazy-load, skeletons.

60fps
sur le scroll
Détail

L’écran de conversion.

On lit, on décide, on tape. Bouton primaire pouce-friendly, en bas, sticky. Apple Pay, Google Pay en 1 clic.

1 tap
pour réserver
Chat

La conversation.

Push si l’app est fermée, in-app sinon. Indicateur de frappe, accusé de lecture, photos compressées côté client. Notifications haptiques.

<200ms
latence message
Réglages

Le dashboard intime.

Compte, notifications, confidentialité, dark mode. Un endroit, jamais deux. Conformité RGPD, suppression de compte en 2 taps.

RGPD
complet
Home Screen

L’icône.

Le vrai test de l’app : devient-elle un réflexe ? On dessine l’icône, on choisit le badge, on optimise l’ASO pour qu’elle remonte dans la recherche.

ASO
optimisé
POCHE · MAINTENANT
Bienvenue
Votre app est prête.
9:41●●●● 5G
P
Bienvenue dans Poche
Votre coach, votre studio, vos séances. Tout dans la même app.
CRÉER UN COMPTE
J’ai déjà un compte →
ÉTAPE 2 / 3
Quel est votre objectif ?
On adapte l’app à vous.
🧘Bien-être
💪Force
🏃Endurance
🥗Nutrition
CONTINUER →
Profil créé
Bienvenue Camille. Votre programme est prêt.
FaceID activé
Bonjour Camille
3 séances cette semaine
PROCHAINE
Yoga · Sophie
VEN. 14:30● CONFIRMÉ
POPULAIRES
M
Marc R.
Force · 45 min
5★
J
Julia P.
Mobilité · 30 min
NEW
S
Sophie L.
Yoga · 60 min
4.9★
YOGA · 60 MIN
Yoga matinal
S
avec Sophie L.
4.9 ★
Une séance douce pour démarrer la journée. Ouvert à tous niveaux.
Ven 14:30
Sam 09:00
Dim 10:30
🍎 Réserver — 24 € · Apple Pay
S
Sophie L.
● en ligne
Bonjour Camille, prête pour vendredi ?
Hâte d’y être ! 14:30 c’est confirmé
Parfait, n’oublie pas ton tapis 🧘
Écrire un message…Send
C
Camille T.
Membre Pro
Notifications✓ ›
FaceID✓ ›
Mode sombreAuto ›
Confidentialité
Téléchargements offline4 séances ›
Apple PayConfiguré ›
Supprimer mon compte
Mar. 14 mai
9:41
P
3
Poche
N
Notes
F
Fitness
M
Météo
C
Photo
Réglages
Maps
Musique
📞
🌐
🎵
Stack
React Native 0.74
Architecture moderne, new arch
TypeScript
Type-safe end-to-end
Reanimated 3
Animations 60fps natives
Animation hero
Reanimated
Animation native, pas de lag
Lottie
Pour les animations vectorielles
Skia
Si on a besoin de canvas
Auth & Onboarding
Firebase Auth
OAuth, magic link, OTP
FaceID / TouchID
Stockage Keychain / Keystore
React Navigation
Stack + tabs typés
Liste virtualisée
FlashList
50 000 items, 60fps
React Query
Cache + pagination infinie
Skeletons
Aucun écran vide
Paiement
Stripe Mobile
Apple Pay + Google Pay
RevenueCat
Abonnements iOS+Android
1 tap checkout
PaymentSheet native
Realtime
Pusher / Supabase
WebSockets gérés
Optimistic UI
Réponse instantanée
Haptic feedback
Vibration sur événement
Sécurité
MMKV chiffré
30× plus rapide qu’AsyncStorage
Certificate pinning
Anti man-in-the-middle
Sentry
Crash report opt-in
Stores
App Store Connect
Metadata, captures, review
Google Play Console
Track interne, beta, prod
ASO
Mots-clés, captures, badges
— 04 / Process

Figma. RN. TestFlight. Stores.

5 étapes, 8 à 16 semaines selon la complexité. Vous voyez tout, à chaque sprint.

01

Cadrage & Figma

User flow, wireframes basse-fi, prototype cliquable. Validation par vous avant la moindre ligne de code.

DURÉE · 1-2 SEM.
FigmaNotion
02

Design système

Palette, typo, spacing, composants. Maquettes haute-fi. Conformité HIG (iOS) + Material 3 (Android).

DURÉE · 1 SEM.
FigmaTokens
03

Développement RN

Sprints d’1 semaine. Build hebdo livré sur Expo Go ou TestFlight. Vous testez chaque semaine.

DURÉE · 4-8 SEM.
React NativeTSReanimated
04

Beta TestFlight

Beta privée 50 testeurs. Sentry pour les crashs, PostHog pour l’usage. On corrige avant les stores.

DURÉE · 2 SEM.
TestFlightPlay Internal
05

Submission stores

Captures, descriptions, mots-clés ASO, certificats. Première review Apple sous 24-48h en moyenne.

DURÉE · 1-2 SEM.
App Store ConnectPlay Console
— 05 / Performance

60 fps. Toujours.

FPS LIVE
60
FPS mesuré en direct dans cette page. C’est exactement ce qu’on cible sur appareils 2019+.
LISTE VIRTUALISÉE
50 000
ITEMS · FLASHLIST · 60 FPS
FlashList recycle les vues. Mémoire constante, scroll fluide même avec une grosse base.
ANIMATIONS GPU
0
JANK · REANIMATED 3
Animations qui tournent sur le thread UI natif. Le JS peut tomber, l’animation continue.
NOTRE CIBLESur un iPhone 11 ou un Pixel 5, on vise 58-60 fps sur les écrans complexes. iOS 14+ et Android 8+ supportés.
— 06 / Push

Frapper, au bon moment.

Une push qui dérange, c’est désinstallée. Une push qui tombe pile, c’est de l’engagement.

TRANSACTIONNEL

Confirmation immédiate

POCHE · MAINTENANT
Confirmation immédiate
Réservation confirmée · Vendredi 14:30

Envoyée dans les 2s qui suivent l’action. Mute intelligent. Deeplink vers le détail.

RÉACTIVATION

Re-engagement segmenté

POCHE · MAINTENANT
Re-engagement segmenté
Sophie a une place vendredi · Réservez

Segments par fréquence d’usage. A/B test du copy. Quiet hours respectées (22h-8h).

CRITIQUE

Sécurité instantanée

POCHE · MAINTENANT
Sécurité instantanée
Nouvelle connexion détectée · Paris

Catégorie Apple/Android Critical. Time-sensitive. Action directe depuis la notif.

STACK PUSH
Firebase Cloud MessagingOneSignalExpo PushApple APNsAndroid Notification Channels
— 07 / Offline-first

Le métro n’arrête plus rien.

Chaque écran lit d’abord depuis le cache local (MMKV chiffré + WatermelonDB). Si on est hors ligne, l’app continue. Les actions sont mises en file d’attente. Au retour de connexion, tout se synchronise en silence.

0ms
Lecture depuis le cache
<5s
Sync au retour de connex.
Actions hors ligne en queue
AES
Chiffrement local
ONLINE
SERVEUR
Postgres
Source de vérité. WAL pour la conflict resolution. WebSocket pour le push.
Sync auto
— 08 / Distribution

App Store. Play Store.

APPLE
App Store
FRAIS
15-30%
REVIEW
24-48h
COMPTE DEV
99 $/an
EXIGENCE
Strict — review humaine, guidelines
CAPTURES REQUISES
· Captures iPhone 6.5"
· Captures iPad
· Preview vidéo
GUIDELINES CLEFS
· Pas de paiement externe pour digital
· Permissions justifiées
· Plugin SwiftUI possible
GOOGLE
Play Store
FRAIS
15-30%
REVIEW
2h-7j
COMPTE DEV
25 $ une fois
EXIGENCE
Souple — review automatique + spot-check
CAPTURES REQUISES
· Captures téléphone
· Captures tablette
· Bannière 1024×500
GUIDELINES CLEFS
· Politique des permissions runtime
· Target API récent obligatoire
· AAB depuis 2021
— 09 / Vie de l’app

Pas figée. Vivante.

01

Releases planifiées

Une release majeure tous les 2 mois. Mineures hebdo. Versionning sémantique. Changelog public.

02

CodePush JS-only

Patch JS poussé en 2h sans repasser par Apple. Réservé aux fixes mineurs (typo, bug léger).

03

ASO continu

A/B test des captures, mots-clés, description courte. Mesure du conversion rate App Store / Play.

04

Monitoring crash

Sentry pour iOS+Android. Crashlytics en backup. Objectif : les crashs critiques corrigés sous 48h.

05

Analytics produit

PostHog + Amplitude. Funnels, retention D1/D7/D30, NPS in-app. Reporting mensuel.

06

Veille stores

Veille sur les nouvelles guidelines Apple/Google. Mise à jour proactive des SDK avant deadline.

— 11 / Exemples

Trois apps. Trois mondes.

Trois concepts d’app, imaginés pour montrer ce qu’on sait construire. Des démos, pas des références clients.

B2C COACHING
Poche

Concept démo — réservation de séances de coaching

1 tap
réservation
Push
notifications
8
écrans démo
MARKETPLACE
Atelier

Concept démo — marketplace artisans / clients

Chat
temps réel
Profils
artisans
1 code
iOS + Android
OUTIL TERRAIN
TerrainPro

Concept démo — gestion de chantier hors ligne

100%
offline-first
<2s
cold start visé
Spec.
sur-mesure
— Questions fréquentes

Les vraies réponses.

01

RN ou natif, comment choisir ?

Natif si : AR/ML lourd, intégrations OS profondes, équipe iOS+Android existante. RN si : budget/délai serrés, parité fonctionnelle, MAJ fréquentes. PWA si : pas besoin du store, distribution privée.
02

Combien de temps pour publier sur l’App Store ?

Build technique 1 jour. Review Apple : 1-3 jours en général, jusqu’à 1 semaine en cas de retoquage. Google Play Store : 1-3 jours. On gère le compte développeur (99$/an Apple, 25$ one-shot Google).
03

Push notifications, comment ça marche ?

APNs (Apple) + FCM (Google) côté OS. Côté serveur : Firebase ou OneSignal (forfaits récurrents). Permissions explicites, opt-in. On gère les deep-links et notifications enrichies.
04

Mode hors-ligne, jusqu’où ?

SQLite local (Realm ou WatermelonDB) + sync conflict-free CRDT pour le data critique. Cache HTTP avec react-query. UI 100% offline-first sur les vues lecture, queue + retry sur les écritures.
05

Combien d’utilisateurs vous gérez ?

L’architecture est pensée pour tenir la charge dès le premier jour : pagination, query batching, offline-first. De quelques centaines à plusieurs dizaines de milliers d’utilisateurs actifs, la stack tient. Au-delà de 100k MAU, audit infrastructure recommandé.
06

Et les mises à jour après le store ?

Code-Push (RN) ou Expo Updates pour les changements JS sans passer par le store. Updates natifs nécessitent une nouvelle release. On automatise les builds via EAS / Fastlane.
— Parlons

Dites-nous
en une phrase.

3 phrases. Cliquez sur celle qui vous correspond. Vous recevez une réponse sous 24 h.

J’ai un projet précis à lancer.Je veux refondre l’existant.On perd du temps quelque part.