Étude de casE-commerce · Formation · Systèmes

Un catalogue, deux fournisseurs, zéro copier-coller.

La boutique WordPress à l’arrêt d’un revendeur informatique est devenue une boutique Shopify alimentée par ses fournisseurs, avec les outils qui la tiennent juste et une plateforme de formation dotée de son propre site.

METIC · Boutique
La nouvelle boutique METIC : méga-menu couvrant sept familles de produits, bannière saisonnière et bandeau de marques
La boutique METIC sur téléphone
Client
SAS METIC, Mayotte
Secteur
Vente de matériel informatique et formation professionnelle
Services
Conseil, e-commerce, logiciel sur mesure, IA et automatisation, systèmes de gestion, identité de marque
Chronologie
Dix semaines, de juillet à octobre 2026
Statut
Pré-lancement
Sommaire
  1. Présentation du projet
  2. Le constat
  3. Notre approche
  4. Ce que nous avons construit
  5. Aller plus loin
  6. Effort
  7. Livrables
01Présentation du projet

Une boutique présentable en surface, à l’arrêt en coulisses.

METIC est une entreprise mahoraise aux deux activités : la vente de matériel informatique, des ordinateurs portables et imprimantes au réseau et aux consommables, et la formation professionnelle, en tant qu’organisme de formation certifié Qualiopi. Sa boutique en ligne tournait sur WordPress : présentable en surface, elle ne fonctionnait plus en coulisses. Son offre de formation vivait dans des documents et sur un site à part.

Nous sommes intervenus pour auditer le site et proposer une voie à suivre. La mission s’est étendue à la refonte de la boutique sur Shopify, aux systèmes qui tiennent son catalogue juste et à une plateforme de formation dotée de son propre site public.

METIC · Accueil
Après : la nouvelle boutique Shopify
Avant : la page d’accueil WordPress
Avant · WordPressAprès · Shopify ‹ ›
Faites glisser pour comparer la page d’accueil d’avant le projet et la nouvelle boutique.
02Le constat

Lent à charger, plus lent encore à maintenir.

L’audit, réalisé le 30 juillet 2026, a mesuré où partaient le temps et le contenu.

54/100

Score PageSpeed sur mobile

26.3s

avant l’affichage de l’image principale

6–7s

de réponse serveur sur les pages hors cache

7,7Mo

page d’accueil, avec 57 scripts et 71 feuilles de style

61

extensions installées, dont six packs d’extensions de constructeur de pages

999

des 2 468 produits sans image : les plus récents

~90%

des produits de l’échantillon sans description

25,496

tâches de fond en échec, pour la plupart l’import nocturne des fournisseurs

Deux fournisseurs, chacun une demi-fiche.

Le vrai problème n’était pas le design. METIC vend ce que stockent deux distributeurs locaux, et rien n’acheminait leurs données de façon fiable jusqu’à la boutique. Chaque fournisseur ne détenait en outre que la moitié d’une fiche produit exploitable.

Fournisseur AFichier catalogue
Code-barres
Marque
Référence fabricant
Images
Fournisseur BRapport de stock
Code-barres
Marque
Référence fabricant
Imagespetites seulement
Une fiche produit complèteDans la boutique
Code-barresde A
Marque et référence fabricantde B
Titre et fiche technique en françaisenrichissement
Photos en 1 600 pxenrichissement
Prix, stock et poidssynchro
03Notre approche

Mesurer d’abord, puis construire ce que l’équipe peut faire tourner.

01

Auditer avant de conseiller

Nous avons mesuré le site, puis documenté les causes profondes dans un rapport de 20 pages assorti d’une recommandation. Quatre scénarios de plateforme ont été comparés, de la réparation du site existant à une solution moderne auto-hébergée, avec un modèle de coûts sur un an pour trois volumes de ventes.

02

Une seule source de vérité

Nous avons cartographié ce que fournit exactement chaque fournisseur, et découvert que le rapport de stock de l’un d’eux était en fait un export complet du catalogue : une seule requête au lieu d’une centaine de pages à parcourir.

03

Construire pour ceux qui l’exploitent

L’équipe de METIC travaille en français et sur tableur : les règles du catalogue sont donc des formules visibles dans un classeur qu’elle sait lire. Les outils montrent ce qui va changer avant que rien ne change.

Décoder une référence fabricant, pas la deviner.

Les contenus produits ont été rapprochés de bases de données produits ouvertes et des sites des fabricants. Pour un fournisseur, les correspondances dans une base de données produits ouverte sont passées de 22 % à 56 %, simplement en décodant la façon dont il réécrit les références fabricant ; les sites des fabricants et une recherche assistée par IA ont couvert le reste. Chaque produit a reçu un titre en français, une fiche technique et des photos ramenées à un format uniforme de 1 600 px.

1,110/1,110

produits publiés avec contenu en français et photos : la totalité

Références brutes22 %
Décodées56 %
Toutes sources100 %
04Ce que nous avons construit

Une boutique, les systèmes qui la font tourner et une plateforme de formation.

Deux flux, conçus pour tourner sans copier-coller : les données fournisseurs vers la boutique, et les formations du back-office vers le site public.

Une boutique Shopify sur mesure.

Un thème conçu pour le catalogue de METIC plutôt qu’adapté d’un modèle : un méga-menu couvrant sept familles de produits, des filtres par marque, type de produit, taille d’écran, processeur, mémoire et stockage, des visuels dédiés au mobile, et des fiches produit qui affichent la disponibilité en direct et le seuil de livraison offerte.

METIC · Ordinateurs portables
Collection d’ordinateurs portables avec filtres de disponibilité, prix, marque, type de produit et taille d’écran1Filtres par disponibilité, prix, marque, type et taille d’écran2Nombre de produits en direct pour chaque collection3Photos recadrées, centrées et normalisées à 1 600 px4Marque au-dessus de chaque titre, lue dans la fiche
METIC · Produit
Fiche produit avec liens vers la marque et le type, prix, niveau de stock en direct et mention de livraison offerte1Marque et type renvoient vers leurs collections2Disponibilité en direct, issue de la synchronisation3Seuil de livraison offerte sur chaque produit
La boutique sur téléphone, avec sa bannière mobile dédiée

La boutique a été migrée en une seule passe vérifiée : produits, stocks, images, collections, menus et version française, chaque total étant contrôlé par rapport à la source.

Catalogue, données et moteur de synchronisation.

1,110

produits retravaillés, identité vérifiée auprès du fabricant

2,533

images produit au format uniforme de 1 600 px

248

collections, organisées par marque et type de produit

5×3

zones de livraison par tranches de poids, plus deux points de retrait

Lenovo IdeaPad Slim 3Ordinateur portable
Lenovo IdeaPad Slim 3 : photo fournisseur
Fournisseur500 × 382
Lenovo IdeaPad Slim 3 : photo boutique
Boutique1600 × 1600
Logitech G Astro A30Casque
Logitech G Astro A30 : photo fournisseur
Fournisseur225 × 225
Logitech G Astro A30 : photo boutique
Boutique1600 × 1600
HP DeskJet 2975Imprimante
FournisseurPas d’image
HP DeskJet 2975 : photo boutique
Boutique1600 × 1600
APC Back-UPS BX 1200 VAOnduleur
APC Back-UPS BX 1200 VA : photo fournisseur
Fournisseur500 × 375
APC Back-UPS BX 1200 VA : photo boutique
Boutique1600 × 1600
Logitech MK345Clavier et souris
FournisseurPas d’image
Logitech MK345 : photo boutique
Boutique1600 × 1600
HP 17AToner
HP 17A : photo fournisseur
Fournisseur400 × 179
HP 17A : photo boutique
Boutique1600 × 1600

Les fichiers fournisseurs faisaient souvent 225 à 500 px, et certains produits n’avaient aucune photo. Chaque photo de la boutique est détourée, centrée et exportée en 1600 px.

La couche opérationnelle.

LégerMoyenLourdZone 1Zone 2Zone 3Zone 4Zone 5

Shopify ne sait pas, à lui seul, tarifer au poids les communes de Mayotte : nous avons conçu cinq zones de livraison nommées sur trois tranches de poids, plus deux points de retrait dont les stocks restent alignés.

Point de retrait 1Point de retrait 2
  • Prix. Une seule règle de prix, appliquée partout de la même façon.
  • Poids. Chaque produit a un poids d’expédition vérifié.

Une plateforme de formation et son site.

La formation repose sur une plateforme que nous avons développée pour METIC : 34 formations et 84 sessions programmées gérées dans un back-office unique en français, des demandes d’inscription qui arrivent du site public et sont validées par l’équipe, un émargement sur tablette par demi-journée avec sauvegarde papier, et des attestations de réalisation générées à partir des présences, pour Qualiopi.

METIC · Formation
Le site de formation public : titre, trois appels à l’action et accès aux formations1Généré depuis la plateforme, reconstruit à chaque publication et toutes les six heures2Les demandes d’inscription sont validées par l’équipe3Illustrations produites par génération d’images IA, validées une à une

Un catalogue toujours aligné sur le back-office.

Le site public est généré depuis la plateforme : chaque formation, session et date provient de la fiche que gère l’équipe.

METIC · Formations
Un catalogue toujours aligné sur le back-office.
La page des formations du site : titres professionnels à la une, formations les plus demandées, sessions à venir par thématique et parcours pour les particuliers et les entreprises
La page des formations, qui défile toute seule. Survolez-la pour la mettre en pause.
METIC · Calendrier
Le calendrier des formations 2026, filtré par thématique et par mois, avec les sessions à venir, leur durée, leur lieu et leur statut1Filtres par thématique et par mois2Chaque session vient du back-office3Durée et lieu sur chaque session4Le statut se met à jour tout seul
Une feuille d’émargement générée pour une demi-journée
Une attestation de réalisation générée à partir des présences ; le nom de l’apprenant est flouté
Émargement par demi-journée
Attestations à partir des présences
05Aller plus loin

Des outils exigés par le projet, pas par le cahier des charges.

Plusieurs outils ont été construits parce que le travail l’exigeait. Rien de ce qu’ils produisent n’atteint la boutique sans relecture.

Au-delà du cahier des charges

Suivi fournisseurs

Récupère chaque matin les deux fournisseurs, garde l’historique, trie les nouvelles références en nouveaux produits et variantes proches, et prépare un classeur à jour.

Au-delà du cahier des charges

Enrichissement produit par IA

Recherche chaque produit chez les fabricants et les revendeurs, et rédige une fiche en français qu’une personne valide.

Au-delà du cahier des charges

Normalisation des photos

Transforme des photos fournisseurs hétérogènes en vignettes produit cohérentes.

Au-delà du cahier des charges

Classeur catalogue

Les règles de prix, de statut et de taxe en formules actives, exportées vers Shopify avec un rapport de ce qui va changer.

Au-delà du cahier des charges

Sauvegarde et restauration

Un instantané complet des produits, stocks, coûts, poids et images avant toute modification en masse, restaurable produit par produit.

Au-delà du cahier des charges

Guide de marque et d’interface

Un fichier unique, utilisable hors ligne, réunissant la police, les couleurs et les composants de METIC, pour que chaque nouvelle page s’accorde à la boutique.

La liste du matin du suivi fournisseurs.

Une petite application web en français. Son écran d’accueil liste ce qui demande une action, notamment les écarts de prix, de stock ou de statut entre la boutique et le catalogue.

Suivi fournisseurs
Écran d’accueil du suivi fournisseurs listant les nouvelles références, les fiches à valider et les écarts entre le catalogue et la boutique ; les informations fournisseurs sont floutées1Nouvelles références, triées en nouveaux produits et variantes proches2Là où la boutique s’écarte en prix, stock ou statut3Récupération à la demande, ou automatique chaque matin
Les noms et coordonnées des fournisseurs sont floutés par confidentialité.

Un enrichissement par IA qui doit justifier son travail.

Un agent rédige chaque fiche produit. Le code la revérifie ensuite : chaque source doit avoir été réellement ouverte, chaque chiffre doit figurer sur ces pages, chaque image est mesurée. Une personne valide chaque fiche.

Suivi fournisseurs · enrichissement IA
Écran d’enrichissement IA avec chiffres d’activité et une fiche produit signalée pour relecture ; les éléments d’identification sont floutés1Coût mesuré : environ 0,27 $ par produit2Les correspondances incertaines sont signalées, jamais publiées3Chaque source doit avoir été réellement ouverte4Rien n’entre dans le classeur sans validation
Références, réglages et sources sont floutés par confidentialité.
06Effort

Environ 340 heures de travail senior sur dix semaines.

340heures
Environ 5 heures par jour, week-ends compris
Catalogue, données et synchronisation~85 h
Boutique et thème~80 h
Plateforme et site de formation~20 h
Audit, rapports et arbitrages~60 h
Ateliers, recette et paramétrage~95 h

De l’audit du 30 juillet au pré-lancement, le projet a représenté en moyenne environ cinq heures de travail par jour, week-ends compris. La répartition par chantier est une estimation. Le projet s’est appuyé de bout en bout sur un processus d’ingénierie assisté par IA, ce qui a permis de couvrir ce périmètre en dix semaines.

AuditBoutique et catalogueFormation
30 juil.Audit technique
Début aoûtRapport et scénarios
AoûtRecherche thème et catalogue
21–22 sept.Migration et catalogue retravaillé
29 sept.Plateforme de formation
30 sept.Site de formation headless
1–2 oct.Couche opérationnelle
07Livrables

Ce que METIC a reçu.

Rapport d’audit technique et de recommandationComparatif des coûts sur un anThème Shopify sur mesureBannières de collections et de marquesCatalogue migré et retravaillé de 1 110 produitsMoteur de synchronisation avec sauvegarde et restaurationParamétrage des livraisons, des prix et des poidsApplication de suivi fournisseursAgent d’enrichissement par IAClasseur catalogueGuide de marque et d’interfacePlateforme de formation : inscriptions, émargement, attestationsSite de formation headless

Vous vendez ce que stockent vos fournisseurs ?

Dites-nous d’où viennent vos données produit et où elles doivent aller. Nous cartographions le possible avant de construire quoi que ce soit.

Vous cherchez quelque chose de précis ?

Nos services :Tous les services Logiciels sur mesure E-commerce Sites web et image de marque Systèmes d’entreprise Applications mobiles IA et automatisation Conseil technologique Meta Field Réalisations

Meta Mind Lab est un studio logiciel et digital implanté à Maurice. Nous développons des logiciels sur mesure et des applications web avec Next.js, TypeScript et PostgreSQL, des applications mobiles iOS et Android avec React Native, et des boutiques en ligne sur Shopify et WooCommerce, du catalogue et des paiements jusqu’à la livraison et aux données fournisseurs. Pour les marques, nous concevons des sites web et des identités visuelles et les accompagnons en SEO et Google Ads. Nous connectons vos systèmes d’entreprise pour que l’information ne soit plus recopiée à la main, et intégrons l’IA et l’automatisation au travail quotidien, en gardant l’humain aux commandes. Besoin d’y voir clair d’abord ? Notre conseil technologique vous aide à choisir la bonne plateforme. Pour les équipes d’intervention, Meta Field gère la planification, les rapports signés, la facturation et la comptabilité. Découvrez comment tout s’assemble dans nos études de cas et nos visuels produits et motion design.

Secteurs :Hôtellerie et tourisme Commerce et e-commerce Agroalimentaire et boissons Beauté et cosmétique Services aux entreprises Automobile Logistique Immobilier Santé Ingénierie Agriculture Filière équestre