Boutique en ligne pour un commerçant

Un commerçant local souhaitait vendre ses produits en ligne, en plus de son point de vente. Il lui fallait une boutique complète (catalogue, panier, paiement et suivi des commandes) ainsi qu’un moyen simple de gérer lui-même les contenus du site, sans passer par un développeur. Les clients devaient pouvoir choisir entre la livraison et le retrait en magasin, et le site, en français, était conçu pour la France et la Belgique.

Il voulait également pouvoir publier des articles pour annoncer, par exemple, les événements où il serait présent.

À partir de maquettes fournies, j’ai implémenté le site avec Next.js et React, en m’appuyant sur Payload CMS pour les contenus et sur Medusa.js pour la partie e-commerce (produits, panier, commandes). J’ai travaillé sur le parcours d’achat, de la fiche produit au paiement, et sur l’intégration entre le site, le CMS et le moteur e-commerce.

J’ai mis en place le paiement avec Stripe, ainsi que les deux modes de réception des commandes : la livraison et le retrait en magasin. J’ai aussi mis en place un système de blog : le commerçant ajoute ses articles depuis Payload, et une page les regroupe tous, avec un tri par catégorie et par date (du plus récent au plus ancien, et inversement).

J’ai également été en contact avec le commerçant pour lui présenter une démonstration du site, lui apprendre à utiliser les outils et lui transmettre ses accès.

C’était la première boutique en ligne que je développais : j’ai découvert en même temps Medusa, la gestion du panier et des commandes, le paiement avec Stripe et leur intégration avec Payload.

Le principal défi a été de faire fonctionner ensemble deux outils aux rôles différents, Payload pour les contenus éditoriaux et Medusa pour les produits, le panier et les commandes, tout en offrant au visiteur un site cohérent. J’ai dû apprendre chaque outil au fil de l’implémentation.

La boutique a été entièrement développée, mais n’a jamais été mise en ligne. Elle comprend un catalogue, un panier, un paiement avec Stripe, le choix entre livraison et retrait en magasin, un blog d’actualités et un back-office de gestion des commandes, avec des contenus que le commerçant peut modifier lui-même. Ce projet m’a permis de travailler sur un e-commerce de bout en bout et d’intégrer un moteur e-commerce à un CMS, pour un vrai commerçant.