Aller au contenu principal
Mind4Solutions
Lancer un projet
React NativeFastifyAdminJSPostgresDocker

Application e-commerce cross-frontière France ↔ Madagascar

Importer depuis l'Europe vers Madagascar, sans l'angoisse logistique. Une app mobile qui transforme un parcours de colis en expérience suivie en direct.

Écran d'accueil de l'application mobile MVA Global Fret

Le défi

MVA Global Fret opère un flux d'import transfrontalier entre la France et Madagascar. La clientèle est double : des familles malgaches installées en Europe qui envoient régulièrement des colis à leurs proches, et des entreprises malgaches qui importent du matériel, des pièces détachées ou des produits finis depuis des plateformes e-commerce européennes.

Les frictions sont connues de tous ceux qui ont déjà essayé : opacité sur l'état d'un colis une fois qu'il quitte l'entrepôt européen, paiements internationaux laborieux, impossibilité de déclencher un achat depuis Madagascar sur une plateforme qui ne livre qu'en Europe. Côté opérateurs, les suivis se faisaient sur papier et sur WhatsApp — inconfortable à grande échelle, impossible à consolider en fin de mois.

Il fallait un outil unique pour trois publics : le client final qui veut voir son colis avancer en temps réel, l'opérateur qui trie, scanne et expédie, et la gérance qui suit les volumes, les statuts et les exports comptables.

Notre approche

Observation avant conception

On a commencé par passer du temps avec Melissa, la responsable opérationnelle, pour observer concrètement le flux : réception des commandes, tri des colis à l'entrepôt, relances clients, exports mensuels. Ce n'est qu'ensuite qu'on a dessiné l'interface — pas l'inverse. Chaque écran répond à un geste qu'on a vu faire, pas à un wireframe importé d'une autre app.

Choix techniques

React Native + Expo pour l'app mobile : une base de code unique pour Android et iOS, releases gérées via EAS, cycle de build rapide en dev. L'écosystème est mature, le recrutement d'une équipe future reste possible sans dépendance à un stack propriétaire.

Fastify en TypeScript pour le backend plutôt qu'un Next.js API plein : le produit n'est pas un site, c'est une API métier dédiée avec un panel admin séparé. Fastify offre une API propre, un typage natif, et un écosystème de plugins solides (auth, validation, rate limiting). Postgres géré en conteneur, migrations versionnées.

AdminJS pour le panel opérateur : au lieu de construire un front admin from scratch, on génère une interface CRUD sur mesure au-dessus du schéma Postgres. Les opérateurs de Melissa utilisent directement l'outil en production — formulaires, filtres, exports CSV, actions en bulk. Le temps gagné sur l'admin est redirigé vers les écrans client où l'effort compte vraiment.

Design system

Nancia a construit un design system propre : palette, typographie, composants réutilisables, iconographie. Chaque écran respire le même langage visuel, les évolutions futures se font dans le même système. Le code UI suit la même logique, composants atomiques puis composés.

Solution livrée

Un produit en trois briques qui communiquent entre elles :

  • App mobile React Native — catalogue produits, création de commandes depuis des plateformes e-commerce européennes, suivi des colis en temps réel, espace compte, notifications push, intégration paiement.
  • Backend Fastify + Postgres — API REST typée, auth JWT, webhooks paiement, gestion des statuts de colis, moteur de notifications, endpoints admin sécurisés.
  • Panel admin AdminJS — tri et scan des colis à l'entrepôt, gestion des statuts, relance clients, exports comptables mensuels, gestion des utilisateurs et des rôles.

L'ensemble est packagé en Docker Compose, déployé sur un VPS avec Caddy en reverse proxy pour les certificats TLS automatiques. Les releases mobiles partent via EAS ; le backend redéploie sur push via un simple deploy.sh qui fait git pull et docker compose up -d --build.

Stack livrée

React Native + ExpoFastify (TypeScript)PostgreSQLAdminJSDocker ComposeCaddy

Résultats

Le produit est en production, utilisé quotidiennement par l'équipe MVA pour traiter les flux d'import entre la France et Madagascar. Les opérateurs gèrent le tri et les relances depuis le panel admin ; les clients finaux suivent leurs colis sans passer par WhatsApp.

Le projet continue d'évoluer : nouvelles fonctionnalités régulières, élargissement progressif de la base client, itérations sur les écrans les plus utilisés. On reste partenaires techniques sur la durée — pas un on livre et on disparaît.

Chiffres détaillés (volume colis traités, utilisateurs actifs, CA intermédié) disponibles sur demande.

Un projet dans le même esprit ?

App mobile, backend métier, panel admin — ou les trois. Parlons-en avant de chiffrer.