Bab Marrakesh

E-Commerce & Application mobile

Bab Marrakesh est une plateforme en ligne de premier plan proposant des produits marocains authentiques aux Émirats Arabes Unis. Nous avons développé le site e-commerce et contribué à l'application mobile Flutter, garantissant une expérience d'achat fluide sur tous les appareils.

Voir le site Un projet similaire ?

babmarrakesh.ae

ÉTUDE DE CAS

Le contexte

Bab Marrakesh est une marque qui importe des produits marocains authentiques (épicerie, art de la table, tagines, cosmétiques) vers les Émirats Arabes Unis. La clientèle vit à Dubaï et Abu Dhabi, recherche la qualité d'un terroir précis, et commande aussi bien depuis un desktop le soir qu'un smartphone le matin. Le projet couvrait deux surfaces : le site e-commerce (notre périmètre principal) et l'application mobile Flutter sur laquelle nous avons contribué au déploiement et à l'intégration avec le back-office WooCommerce.

L'enjeu

Trois exigences se croisaient. D'abord, gérer un catalogue à fort taux de variations (un tagine décline en 6 tailles, 3 finitions, 2 origines), donc WooCommerce devait être configuré avec des attributs custom et un système de variantes maintenable. Ensuite, brancher des passerelles de paiement adaptées au marché EAU (cartes locales, Apple Pay, paiement à la livraison sur certaines zones) sans casser l'expérience checkout. Enfin, assurer la cohérence avec l'app mobile Flutter qui consomme la même API WooCommerce REST, ce qui obligeait à valider chaque ajout de produit côté admin pour qu'il s'affiche correctement sur les deux surfaces.

Notre approche

WordPress + WooCommerce, personnalisé en profondeur : thème custom basé sur les besoins du brief plutôt qu'un template marketplace générique, plugins WooCommerce filtrés pour ne garder que ceux dont on a réellement besoin (variations, payment gateways EAU, SEO Yoast). Recherche optimisée via un index full-text MySQL plutôt qu'un plugin tiers, plus rapide sur un catalogue de cette taille. Côté SEO, les pages catégories ont été pensées pour ranker sur des requêtes intentionnelles (« acheter argan Dubai », « tagine livraison Abu Dhabi »), avec schema.org Product et un sitemap segmenté.

Le résultat

La boutique tourne en production, le tunnel de commande est optimisé pour le marché EAU (incluant les passerelles de paiement locales), et la coordination avec l'app mobile Flutter est en place. Les pages produit et catégorie sont indexées avec leur schema.org, ce qui les rend éligibles aux rich results Google. Le client gère son catalogue de manière autonome via le backoffice WooCommerce, sans demande de mise à jour technique récurrente.

PAGES CLÉS