Refonte d’urgence d’une boutique de cartes à collectionner
WordPress/WooCommerce + synchronisation Hiboutik pour une boutique omnicanal
Présentation du projet
Eldar TCG est une boutique de cartes à collectionner basée à Caen, spécialisée dans l’achat, la vente et l’échange de cartes (Yu-Gi-Oh!, Magic, Pokémon, One Piece, Dragon Ball, Star Wars, Vanguard, Lorcana, Flesh and Blood). Lorsque le gérant Valentin m’a sollicité, le site existant était complètement orphelin. J’ai dû reprendre le projet dans l’urgence, créer une plateforme e-commerce fonctionnelle et surtout mettre en place une architecture solide capable de synchroniser en direct entre la boutique physique (Hiboutik) et le site web (WooCommerce) pour une gestion de stock en temps réel.
Eldar TCG est bien plus qu’une simple boutique en ligne : c’est un véritable commerce omnicanal. Valentin gère une boutique physique à Caen (avec gestion de stock via Hiboutik), organise des tournois, achète et revend des cartes, et avait besoin d’une présence en ligne pour toucher une clientèle plus large et créer une continuité entre ses deux canaux de vente.
Le défi technique était unique : créer un site WordPress/WooCommerce capable de fonctionner en parfaite harmonie avec Hiboutik, le système de caisse/gestion de stock déjà en place pour la boutique physique. Un client commande une carte en ligne ? Le stock physique diminue. Une carte se vend en boutique ? Le site web affiche immédiatement la mise à jour. C’est la vraie complexité : gérer deux canaux de vente comme un seul système cohérent, sans friction, sans stock fantôme.
Le contexte
Avant mon intervention, le site Eldar TCG avait complètement disparu. Valentin avait mis ses efforts sur la boutique physique et les tournois, mais se rendait compte que l’absence de présence en ligne était un manque pour ses clients. Il y avait plusieurs enjeux urgents :
- Un site entièrement tombé en ruine, aucune maintenance
- Une tentative difficile de récupération de l’ancien contenu
- Une urgence : relancer la boutique en ligne rapidement
- Un système Hiboutik déjà en place pour la gestion physique (qui a fallu intégrer, pas remplacer)
- Un catalogue complexe : 9+ licences différentes avec des centaines de produits
- Un besoin de maintenabilité : éviter de recréer la même situation de non-maintenance
Valentin m’a laissé carte blanche du moment que tout refonctionne rapidement. L’objectif était clair : une solution fonctionnelle en délai serré, mais construite de manière évolutive et maintenable.
Crédit : Erik Mclean
J’ai endossé un rôle complet sur ce projet d’urgence, couvrant bien au-delà du simple développement WordPress :
Architecture et infrastructure : Mise en place d’une installation WordPress solide et évolutive, avec WooCommerce configuré pour supporter une boutique avec des centaines de produits et plusieurs canaux de vente. Configuration des sauvegardes régulières pour éviter que le site ne soit à nouveau orphelin.
Intégration Hiboutik : Le système Hiboutik était déjà en place chez le client. J’ai dû m’adapter à son infrastructure existante, créer une synchronisation robuste entre Hiboutik (source de vérité des stocks physiques) et WooCommerce, et gérer les flux de données pour que les deux systèmes parlent le même langage.
Design et expérience utilisateur : Interface minimaliste, navigation intuitive, focus sur la conversion. Le site sert un objectif : permettre aux clients de trouver et acheter des cartes rapidement.
Gestion des stocks et paiements : Configuration complète des paiements (CB/PayPal), gestion des stocks en temps réel, mise en place des règles de synchronisation Hiboutik.
Migration et nettoyage : Récupération et structuration du catalogue produits existant, migration des données clients, nettoyage des données malstructurées.
Formation et documentation : Valentin devait pouvoir gérer le site seul après. Documentation complète, formation sur les blocs custom, et processus clairement définis.
Les défis du projet
Ce projet d’urgence combinait plusieurs défis techniques et logistiques majeurs :
Délai ultra-serré : Créer une plateforme e-commerce complètement fonctionnelle en quelques semaines, avec du travail effectué en nuits blanches. Pas de temps pour des perfectionnements, chaque heure compte.
Intégration à un système existant : Hiboutik était déjà en place. Je n’avais pas le choix de l’architecture backend du client. J’ai dû concevoir WooCommerce pour s’adapter à Hiboutik, pas l’inverse. Cela signifiait comprendre comment Hiboutik fonctionnait, ses API, ses limitations, et créer une passerelle solide.
Synchronisation temps réel : Les deux systèmes (Hiboutik et WooCommerce) devaient rester synchronisés. Si quelqu’un achète une carte en boutique physique, le site web doit le savoir immédiatement. Pas de délai. Pas de stock fantôme. C’est critique pour la confiance des clients.
Récupération et restructuration du catalogue : L’ancien site avait un catalogue mal structuré. J’ai dû récupérer ce qui était récupérable, nettoyer les données, et les organiser logiquement sous WooCommerce.
Complexité du catalogue : 9+ licences différentes (Yu-Gi-Oh!, Magic, Pokémon, One Piece, Dragon Ball, Star Wars, Vanguard, Lorcana, Flesh and Blood) avec des centaines de produits, chacun avec ses propres variantes, éditions, langues, conditions. Organiser cela de manière maintenable était crucial.
Cohérence prix/stock entre deux systèmes : Les prix et les stocks doivent être identiques partout. Une anomalie pourrait coûter cher à Valentin ou frustrer les clients. La synchronisation doit être fiable.
Continuité du service : Pendant toute la transition, le commerce doit continuer. Pas de downtime si possible. Ou si downtime il y a, minimal et géré.
Maintenabilité future : Le site ne doit pas retomber dans l’abandon. J’ai dû créer une architecture que Valentin peut maintenir seul, avec des processus clairs et des blocs custom intuitifs.
Crédit : Erik Mclean
WordPress et WooCommerce comme fondation : Ces outils sont robustes, scalables, et Valentin peut les gérer seul. Pas de dépendance à une tech exotique. Un écosystème mature avec de bonnes extensions pour l’intégration.
Hiboutik comme source de vérité : Le système Hiboutik était déjà en place. Plutôt que de le remplacer ou de créer une architecture complexe, j’ai fait en sorte que Hiboutik reste la source de vérité pour les stocks et les données produits. WooCommerce consomme cette information. C’est simple et élimine les conflits de données.
Synchronisation Hiboutik ↔ WooCommerce : Un système de synchronisation automatique qui met à jour WooCommerce quand les stocks ou les produits changent dans Hiboutik. Un client ne peut pas commander une carte qui est épuisée en boutique physique. Les prix de Hiboutik sont la source de vérité.
Catalogue structuré par licence : Organisation logique avec catégories principales (Yu-Gi-Oh!, Magic, Pokémon, One Piece, Dragon Ball, Star Wars, Vanguard, Lorcana, Flesh and Blood) et sous-catégories si nécessaire. Facile à naviguer pour les clients, facile à maintenir pour Valentin.
Interface utilisateur claire et fonctionnelle : Design minimaliste, sans surcharge. Navigation intuitive. Chaque élément a un rôle. Le site n’essaie pas d’être « beau », il essaie d’être utile. Les clients trouvent ce qu’ils cherchent, ajoutent au panier, paient. C’est tout ce dont Eldar TCG a besoin.
Blocs custom et architecture évolutive : Plutôt que de dépendre des blocs WordPress par défaut, j’ai créé des blocs custom (ACF) qui correspondent aux besoins spécifiques d’Eldar TCG. Ça rend la maintenance et l’évolution beaucoup plus simples. Valentin peut créer des pages sans coder.
Sauvegardes régulières et documentation : Sauvegarde automatique quotidienne. Documentation complète pour que Valentin sache comment gérer le site, ajouter des produits, mettre à jour les stocks.
Hiboutik : s’adapter plutôt que remplacer
Un point important à clarifier : Hiboutik était déjà le système de caisse et de gestion de stock pour la boutique physique d’Eldar TCG. Ce n’est pas moi qui l’ai choisi, c’est l’infrastructure existante de Valentin.
Plutôt que de lui demander de changer ou de migrer vers autre chose (une grosse perturbation en pleine crise), j’ai décidé de construire autour. Hiboutik gère :
- Les stocks physiques (caisse enregistreuse)
- Les données produits (prix, références)
- L’historique de vente
- La relation client
WooCommerce synchronise depuis Hiboutik. Quand un client commande en ligne, le stock Hiboutik est mis à jour. Quand un produit se vend en boutique, WooCommerce est notifié. C’est un modèle intégration plutôt que de remplacement.
Ça veut dire que je n’ai pas choisi la tech « idéale », j’ai choisi celle qui fonctionnait avec la réalité de Valentin. C’est du pragmatisme : faire fonctionner rapidement avec ce qu’on a, plutôt que rêver à une archi parfaite qui prendrait 6 mois de migration.
Résultat
Eldar TCG est aujourd’hui une boutique en ligne fonctionnelle, avec :
- Un catalogue bien structuré de 9+ licences TCG
- Une synchronisation fluide entre la boutique physique (Hiboutik) et le site web (WooCommerce)
- Une gestion de stock en temps réel — pas de survendus, pas de stock fantôme
- Une interface minimaliste et fonctionnelle
- Une architecture évolutive et maintenable par Valentin seul
- Des sauvegardes régulières et une documentation complète
- Des clients heureux (voir les avis 5 étoiles)
Ce qui a fait la différence : du pragmatisme, de la vitesse, et une architecture pensée pour l’évolutivité. Pas de « projet idéal », mais une solution qui fonctionne, qui s’adapte à la réalité du client, et que le client peut maintenir seul.