Biris Tech Logo
Biris Tech
Toutes les réalisations
E-Commerce

World Tour, guide d'immigration en ligne

Produit maison de Biris Tech : un guide d'immigration vendu et livré en ligne, adossé à un répertoire de programmes d'études, de travail, de stage et d'entrepreneuriat pays par pays. Paiement mobile money, accès personnel par e-mail, back-office de suivi des ventes.

Client
Biris Tech, produit maison
Année
2026
Domaine
E-Commerce
Voir le projet en ligne
Page de vente du guide World Tour.
35
destinations annoncées sur la page d'accueil
2
parcours par destination : études et travail
15 000 FCFA
formule complète, paiement unique
2 000 FCFA
formule ciblée, une destination
364
fiches de programmes servies par l'API publique
37
pays présents dans le répertoire des programmes

Le contexte

World Tour est un produit que nous avons conçu, développé et exploitons nous-mêmes. Il s'adresse au public d'Afrique francophone qui prépare un départ pour l'Europe, l'Asie, l'Amérique du Nord ou l'île Maurice, pour des études ou pour un emploi. Le constat de départ est simple : l'information existe, mais elle est éparpillée entre sites officiels, forums et groupes WhatsApp, un dossier se fait refuser pour une pièce oubliée ou un montant mal justifié, et des intermédiaires facturent des dizaines de milliers de francs la lecture de procédures pourtant publiques. Nous avons donc bâti un guide payé une seule fois, sans abonnement, avec deux formules : une formule ciblée à 2 000 FCFA sur une destination et une formule complète à 15 000 FCFA couvrant l'ensemble. Le projet supposait de tout tenir de bout en bout : la page de vente, le tunnel de paiement adapté aux moyens locaux, la zone de lecture réservée aux acheteurs et l'espace d'administration.

La mission

  1. 01Concevoir l'identité d'interface et le design complet du produit, de la page de vente à l'espace de lecture
  2. 02Structurer le discours commercial : problème, contenu du guide, formules, questions fréquentes, appels à l'action
  3. 03Construire une page de vente en une seule colonne de lecture, orientée conversion mobile
  4. 04Développer un répertoire public et filtrable des programmes d'immigration par pays et par intention
  5. 05Intégrer un test d'éligibilité gratuit en trois questions servant de capture de prospects
  6. 06Mettre en place le paiement en ligne par mobile money et carte bancaire via FedaPay
  7. 07Livrer un accès personnel au guide par identifiants envoyés par e-mail après le paiement
  8. 08Développer un back-office de suivi : prospects, ventes, statistiques, messages, relances, tests A/B
  9. 09Mettre en place le suivi marketing (pixels Meta, analytics interne) et les notifications Web Push

Ce que nous avons fait

Le contenu a été traité en premier, parce que c'est lui qui fait la valeur du produit : un répertoire structuré de programmes, chacun décrit par un intitulé officiel, un résumé, ses conditions chiffrées et la liste des pièces à réunir avec leur mode d'obtention. Ce répertoire est exposé par une API interne que l'interface consomme, ce qui permet de mettre le contenu à jour sans retoucher le site. Le design, réalisé par Biris Tech, joue sur deux registres assumés : une page de vente sombre, très typographique, qui va droit au but sur mobile, et un répertoire clair en bleu institutionnel qui rassure sur le sérieux des informations. Le tunnel a été réduit au strict nécessaire (tester son éligibilité gratuitement, choisir sa formule, payer par mobile money, recevoir ses identifiants) et le paiement s'appuie sur FedaPay pour couvrir MTN, Moov, Celtiis, Orange et la carte bancaire. Enfin, un back-office complet a été développé pour que l'équipe suive ses prospects, ses ventes et ses relances sans nous solliciter.

Les livrables

  • Page de vente longue orientée conversion, en français, pensée mobile d'abord
  • Répertoire public des programmes d'immigration, filtrable par intention, par pays et par niveau de diplôme
  • Test d'éligibilité gratuit en trois questions, avec capture de prospect
  • Tunnel de paiement mobile money et carte bancaire intégré à FedaPay
  • Espace de lecture du guide protégé par identifiants, limité à deux appareils
  • Back-office d'administration : prospects, suivi des ventes, statistiques, messages, relances, tests A/B
  • Blog éditorial et notifications Web Push d'information

Les résultats

  • Un répertoire de 364 fiches de programmes couvrant 37 pays et quatre intentions (études, travail, stage, entrepreneuriat) servi par une API interne
  • Une offre lisible en un coup d'œil : deux formules, un paiement unique, aucun abonnement
  • Un parcours d'achat adapté au marché local, du mobile money à la livraison immédiate des accès par e-mail
  • Une interface publique qui charge vite : rendu en application monopage, polices et paquets de code servis en cache immuable
  • Une équipe autonome sur le suivi commercial grâce au back-office, sans recourir à un tiers pour le quotidien

Les technologies utilisées

Ce qui a servi à mettre le projet en place, et pourquoi ces choix plutôt que d'autres.

Socle applicatif

  • Vue 3

    Application monopage réactive, adaptée à un tunnel d'achat et à un espace de lecture protégé.

  • Vite

    Compilation et découpage automatique en modules par écran, pour ne charger que la page consultée.

  • Pinia

    Centralise l'état partagé (panier, formule choisie, session, image de marque) entre les écrans.

  • Routeur monopage

    Sépare proprement le site public, l'espace client et le back-office d'administration.

Interface et design

  • Tailwind CSS

    Système d'espacements, de couleurs et de composants cohérent sur toutes les pages, sans feuille de style dispersée.

  • Archivo (police variable auto-hébergée)

    Typographie affirmée pour les titres de la page de vente, servie depuis le serveur pour ne dépendre d'aucun tiers.

  • Lucide

    Jeu d'icônes homogène, chargé au trait et léger sur mobile.

Paiement et livraison

  • FedaPay

    Couvre MTN, Moov, Celtiis, Orange et la carte bancaire depuis un seul tunnel, ce qui correspond aux usages locaux.

  • API interne de paiement et de prospects

    Enregistre la commande, déclenche la livraison des identifiants et alimente le back-office.

Contenu et données

  • API interne de programmes

    Le répertoire pays par pays est servi en JSON, ce qui permet de le mettre à jour sans redéployer le site.

Suivi et engagement

  • Meta Pixel (deux identifiants)

    Mesure des campagnes publicitaires sur les deux comptes utilisés par le client.

  • Analytics interne et tests A/B

    Suivi des parcours et comparaison de variantes sans dépendre d'un service externe.

  • Web Push (service worker, VAPID)

    Prévenir les visiteurs de l'ouverture de nouvelles destinations sans passer par l'e-mail.

Hébergement

  • Nginx sur Ubuntu

    Sert les fichiers compilés en cache immuable et redirige toutes les routes vers l'application.

L'architecture mise en place

Une application monopage Vue 3 compilée par Vite, servie par Nginx, qui consomme une API interne pour les programmes, les prospects, le paiement et les statistiques. Trois zones cohabitent derrière le même domaine : le site public de vente et de consultation, l'espace de lecture réservé aux acheteurs, et le back-office d'administration.

01

Interface publique

Vendre le guide et donner accès librement au répertoire des programmes

  • Page de vente et choix des formules
  • Répertoire des programmes filtrable
  • Test d'éligibilité gratuit en trois questions
  • Blog éditorial
  • Bandeau de réassurance et compte à rebours promotionnel
02

Achat et livraison

Encaisser puis livrer l'accès au guide

  • Tunnel de paiement FedaPay : MTN, Moov, Celtiis, Orange, carte bancaire
  • Page de remerciement après paiement
  • Envoi des identifiants par e-mail
  • Connexion à l'espace de lecture, limitée à deux appareils
03

Contenu et données

Alimenter le site sans redéploiement

  • API des programmes par pays et par intention
  • API des prospects et des saisies du test d'éligibilité
  • Contenu du guide servi à la demande dans l'espace protégé
04

Back-office

Piloter l'activité commerciale au quotidien

  • Prospects et suivi des commandes
  • Statistiques et analytics
  • Messages et relances
  • Gestion des articles
  • Tests A/B et paramètres
  • Export CSV
05

Diffusion et mesure

Servir vite et mesurer les campagnes

  • Nginx sur Ubuntu, cache immuable sur les fichiers compilés
  • Pixels Meta (deux comptes)
  • Notifications Web Push via service worker et clé VAPID

Le projet en images

Cliquez sur un visuel pour l'agrandir.

Page de vente : promesse, chiffres clés et appel à l'action unique.
Vue complète de la page de vente, du problème posé aux formules et aux questions fréquentes.
Répertoire public des programmes, filtrable par intention, par pays et par niveau de diplôme.
Espace éditorial du site.
Accès au guide avec les identifiants reçus après le paiement.

Sur mobile

La majorité des visites se fait au téléphone : voici le rendu tel que le voit un visiteur.

Page de vente sur mobile, format prioritaire du projet.
Répertoire des programmes sur mobile.
Blog sur mobile.
Connexion à l'espace de lecture sur mobile.

Démonstrations

Parcours complet du sitePage de vente, répertoire des programmes, blog et accès au guide.