Étude de cas

Maison Kameur, un e-commerce sur mesure.

Maison Kameur réunit des artisans et leurs objets faits main en petite série. Nualt en a conçu et développé la boutique en ligne, de l’identité visuelle jusqu’à l’hébergement, autour d’un modèle multi-artisans que les plateformes du marché servent mal, puis en a formé les fondateurs pour qu’ils la pilotent et la possèdent entièrement.

maisonkameur.fr
Page d’accueil de la boutique Maison Kameur
Durée
Deux mois
Prestations
Identité visuelle, design, développement, hébergement, formation
moins cher que Shopify pour l’hébergement
66 %

L’essentiel

  • La boutique relie chaque objet à son artisan et applique des règles métier propres à son modèle, dont des frais de livraison calculés par artisan.
  • Douze intégrations ont été développées sur mesure, dont une brique d’authentification publiée depuis en open source et intégrée à l’annuaire officiel des plugins Medusa.
  • Une politique de cache donnée par donnée garde le catalogue rapide tout en affichant un stock toujours exact.
  • La mesure d’audience respecte le consentement des visiteurs et reste séparée des chiffres de vente.
  • L’hébergement revient 66 % moins cher que Shopify, le code est 100 % propriétaire et les fondateurs ont été formés à l’architecture de leur boutique.

Quitter Shopify
pour une boutique à sa mesure.

Les fondateurs de Maison Kameur connaissaient déjà le commerce en ligne, pour avoir tenu une boutique sur Shopify. Leur nouveau projet posait d’autres exigences. Maison Kameur présente plusieurs artisans sous une même enseigne, chacun avec son histoire, ses objets et ses propres colis, alors que Shopify pense une boutique comme un vendeur unique. Reproduire ce modèle aurait demandé d’empiler des applications payantes autour d’un thème, avec un abonnement et des frais de transaction, sur une plateforme dont la boutique n’aurait jamais été propriétaire.

Nous avons donc construit une boutique sur mesure, en partant de son modèle plutôt que des contraintes d’une plateforme existante.

Sur Shopify

  • Une boutique pensée pour un vendeur unique
  • Des applications payantes empilées autour d’un thème
  • Un abonnement et des frais de transaction
  • Une plateforme dont la boutique n’est jamais propriétaire

Chez Maison Kameur

  • Plusieurs artisans sous une même enseigne, chacun avec ses objets et ses colis
  • Douze intégrations développées pour son modèle
  • Un hébergement 66 % moins cher, sans commission sur les ventes
  • Un code 100 % propriétaire, au nom des fondateurs

Chaque objet relié
à son artisan.

Le site s’appuie sur deux outils open source, chacun dans son rôle. Medusa, un moteur e-commerce, gère le catalogue, les prix, le stock, les paniers et les commandes. Payload, un CMS intégré au site, gère les fiches des artisans et le journal. Chaque produit porte une référence vers son artisan, sans qu’aucune donnée soit recopiée d’un outil à l’autre. La fiche d’un objet mène ainsi à l’histoire de celui qui l’a fabriqué, et la page d’un artisan présente des objets toujours à jour, sans double saisie pour les fondateurs.

maisonkameur.fr
La fiche d’un vase en grès émaillé, avec le lien vers la page de son artisan
maisonkameur.fr
La page d’un artisan ébéniste, ses métiers et le nombre de ses créations

Des règles métier
taillées pour le modèle.

Nous avons développé douze intégrations pour cette boutique.

Pour les factures, nous sommes partis d’un plugin open source existant, que nous avons adapté au droit français et à la situation de la boutique. Les fondateurs renseignent eux-mêmes leurs mentions légales depuis l’administration, et la facture change de structure avec le statut de l’entreprise. Elle porte la mention de franchise de TVA tant que la boutique relève de la micro-entreprise, puis ventile la TVA le jour où elle y devient assujettie, sans aucune intervention technique.

La recherche repose sur Orama, un moteur open source, selon une approche inspirée de Mercur.js, une plateforme de places de marché bâtie sur Medusa. Un visiteur y trouve aussi bien un objet qu’un artisan, et le moteur reste interchangeable si les besoins de la boutique évoluent.

Des frais de port calculés par artisan

La plus structurante des intégrations concerne la livraison. Chaque artisan expédie son propre colis, et les frais de port se calculent donc par artisan, à partir du tarif le plus élevé de ses objets dans le panier, avant de s’additionner d’un artisan à l’autre.

Administration · Medusa
Le tableau de bord des ventes dans l’administration Medusa, avec les commandes et le chiffre d’affaires par artisan, par catégorie et par produit

Un tableau de bord pensé pour le métier

Intégré à l’administration, il présente le chiffre d’affaires, le taux de réachat, les paniers abandonnés, les codes promo, les retours, les délais d’expédition et les ruptures de stock, avec une ventilation par artisan qui permet de suivre les ventes de chacun.

S’y ajoutent des promotions qui démarrent et s’arrêtent seules à la date prévue, des favoris et un journal des actions menées dans l’administration.

maisonkameur.fr
La page de connexion, avec Google, un lien par e-mail ou un mot de passe

Une connexion moderne, publiée en open source

Medusa ne gère nativement que la connexion par e-mail et mot de passe, alors qu’une création de compte trop laborieuse fait perdre des ventes. Nous avons donc développé pour Maison Kameur une brique qui ouvre Medusa aux connexions modernes, comme la connexion avec Google.

Nous l’avons ensuite publiée en open source. Elle figure aujourd’hui dans l’annuaire officiel des plugins Medusa et d’autres boutiques l’ont adoptée.

Une boutique rapide
qui ne vend jamais ce qu’elle n’a pas.

Une boutique en ligne doit concilier deux exigences contraires. Un catalogue rapide suppose de garder les pages en cache, alors qu’un stock exact suppose de relire les données à chaque instant. Nous avons tranché donnée par donnée. Les noms, les prix et les photos des objets sont servis depuis le cache et ne sont rafraîchis que lorsqu’ils changent. Les disponibilités affichées dans les listes ont leur propre cache, de sorte qu’une vente ne rafraîchit qu’elles, sans ralentir le reste du catalogue. Sur la fiche d’un objet, le stock est relu à chaque affichage, puis vérifié deux fois au moment du paiement, et le panier comme le compte client ne passent jamais par le cache.

Ce réglage fin n’est pas accessible sur une plateforme comme Shopify, où le cache reste entre les mains de l’éditeur. Les tâches de fond, comme l’envoi des e-mails ou la mise à jour de la recherche, tournent en outre sur un processus séparé, pour ne jamais ralentir la navigation des clients.

Visiteur 1

Visiteur 2

Visiteur 3

Cache

Noms, prix et photos

Medusa

Stock, panier et paiement

Racontez-nous ce que vous voulez construire.

moins cher que Shopify
66 %
intégrations sur mesure
12

Nous lui avons confié le développement de notre e-commerce Maison Kameur et cela a été la meilleure décision que nous ayons prise.

Camille Dhorme & Leo Van Landuyt // Fondateurs

Maison Kameur

Mesurer l’audience
sans trahir la confiance.

Les fondateurs voulaient comprendre comment les visiteurs parcourent la boutique, sans compromettre la confiance de leurs clients. La mesure d’audience repose sur PostHog, hébergé en Europe, et ne devient complète qu’avec l’accord du visiteur. Sans accord, elle reste anonyme et ne dépose aucun cookie. Avec accord, elle permet d’analyser les parcours, mais l’enregistrement des sessions reste désactivé sur les pages de commande, de paiement et de compte. Les fondateurs modifient le texte du bandeau de consentement depuis l’administration, et chaque choix des visiteurs est conservé comme preuve.

Les chiffres de vente, eux, sont lus directement dans Medusa et ne se mélangent jamais aux données de navigation, si bien que le tableau de bord des ventes reste exact quel que soit le taux de consentement.

Visiteurs

Sur la boutique

Navigation

Consentement

Anonyme sans accord

PostHog

Hébergé en Europe

Achats

Medusa

Chaque commande

Ventes

Toujours exactes

Une brique publiée en open source.

La connexion des clients, développée pour Maison Kameur, figure aujourd’hui dans l’annuaire officiel des plugins Medusa.

  • authentication · better-auth · medusa-plugin

    medusa-plugin-better-auth

    Plugin Medusa qui intègre Better Auth pour une authentification moderne et flexible.

    npm i @nualt/medusa-plugin-better-auth
  • github/nualt

    Tous nos dépôts publics, sous licence MIT, utilisables par tous.

    github.com/nualt

Un hébergement
à la mesure de la boutique.

La boutique tourne sur un serveur dédié, protégé par Cloudflare, qui sert aussi les photos au plus près des visiteurs et allège d’autant le serveur. Ce choix contient les coûts dans la durée, puisque l’hébergement revient 66 % moins cher que Shopify, tout en laissant la marge nécessaire pour grandir. Les trois bases de données sont sauvegardées chaque jour, avec trente copies conservées, et une restauration a déjà été testée.

Réseau

Cloudflare

Protection et photos

Serveur dédié

Next.js

Frontend

Medusa

Serveur

Medusa

Worker

Payload

Contenus

PostgreSQL

Trois bases

Redis

Cache et tâches

Sauvegardes

Cloudflare

Stockage

Les trois bases chaque jour, trente copies conservées, une restauration déjà testée.

Le worker de Medusa traite les tâches de fond, comme les e-mails et la mise à jour de la recherche, à part de la navigation.

Une identité
néo-brutaliste.

Nous avons aussi conçu l’identité visuelle de la boutique, dans une direction néo-brutaliste. Le site assume une construction visible, avec des bordures franches, des ombres dures sans flou, une typographie grasse et serrée et des photos présentées sans artifice, sur des fonds de papier mat qui évoquent un catalogue d’atelier imprimé. Ce parti pris convient à des objets faits main, dont il partage la franchise. Tout ce qui relève de la décoration en a été écarté, pour que chaque élément affiché porte une information réelle et que les objets restent au premier plan. Le système tient en sept couleurs et s’applique à tout le parcours, jusqu’aux e-mails et au paiement.

maisonkameur.fr
Le catalogue de la boutique, bordures franches et ombres dures
maisonkameur.fr
Le tunnel de commande aux couleurs de la boutique, avec le récapitulatif du panier

Des fondateurs formés,
autonomes et propriétaires.

La livraison s’est accompagnée de deux jours de formation. Les fondateurs sont ainsi en mesure de gérer eux-mêmes leur infrastructure, appuyés sur la documentation remise avec le code. Le code leur appartient entièrement, comme les comptes d’hébergement, et aucune plateforme e-commerce ne prélève de commission sur leurs ventes.

  1. Contenus

    Gérer leurs contenus dans Payload.

  2. Commerce

    Gérer leur commerce dans Medusa.

  3. Architecture

    Comprendre comment les briques communiquent, la raison d’être du cache et des tâches séparées.

  4. La suite

    Savoir ce qu’il faudrait faire évoluer si le trafic augmentait.

Une stack
qui appartient aux fondateurs.

Next.js, Medusa, Better Auth, Stripe, Payload et PostHog, sur des comptes au nom de la boutique.

Vitrine

Next.js

Le site de la boutique, avec un cache réglé donnée par donnée.

Commerce

Medusa

Catalogue, prix, stock, paniers et commandes.

Authentification

Better Auth

Connexion des clients, dont Google, publiée en open source.

Paiement

Stripe

Paiement des commandes.

Contenus

Payload

Fiches des artisans et journal.

Analyse

PostHog

Mesure d’audience hébergée en Europe, sous consentement.

Racontez-nous ce que vous voulez construire.