Le Coffee Shop n'est pas un café. C'est une torréfaction artisanale de cafés de spécialité — origines tracées, sourcing direct producteur, profils de torréfaction sur-mesure — installée à Saint-Cyr-sur-Mer dans le Var. Une vraie démarche éditoriale autour du café, comparable à ce qu'on voit chez Coutume, Belleville Brûlerie ou Lomi à Paris, mais ancrée dans une ville de 12 000 habitants.
Quand le projet de digitalisation a démarré avec Nao Agency, le défi était double : construire une vitrine éditoriale à la hauteur du produit, et un e-commerce qui ramène du chiffre tout en gardant la philosophie artisanale. Cette étude de cas raconte le projet de bout en bout — le contexte, les arbitrages, les choix techniques, les résultats.
Le contexte : une torréfaction premium dans une ville moyenne
Le Coffee Shop torréfie 8 origines en rotation, principalement Éthiopie, Colombie, Brésil, Honduras, Costa Rica. Sourcing en relation directe avec des producteurs ou via des importateurs spécialistes (Belco, Cafés Nobles, Sucafina Specialty). Profils de torréfaction adaptés à chaque origine : claire pour les fruités, médium pour les corps ronds, médium-foncée pour les pure-arabica corsés.
La clientèle est mixte. Locaux fidèles : clientèle de quartier qui passe toutes les semaines, achat 250 g par semaine en moyenne. Touristes saisonniers : clientèle de l'été, achat ponctuel d'un sac à emporter. Clientèle distance : connaisseurs du café de spécialité qui ont découvert la torréfaction sur Instagram ou par recommandation, et qui veulent commander à distance.
C'est cette troisième cible qui justifiait le e-commerce. Sans site marchand, Le Coffee Shop perdait des clients distants chaque semaine — des messages Instagram « comment je peux acheter votre Éthiopie ? » sans vraie réponse.
Le défi : valoriser sans diluer
L'enjeu central du projet : comment créer un e-commerce sans tomber dans le piège du « grossiste de café ». Beaucoup de torréfacteurs basculent en e-commerce et perdent leur identité artisanale, parce que les plateformes (Shopify, WooCommerce) imposent un format catalogue très standardisé qui aplatit la singularité de chaque origine.
Trois sous-défis concrets :
1. Différencier les origines. Une fiche produit Shopify standard ne suffit pas pour expliquer ce qu'est une Éthiopie Yirgacheffe vs un Honduras Marcala. Il faut de l'éditorial : histoire du producteur, processus de traitement (lavé, naturel, honey), notes de dégustation, accord recommandé.
2. Gérer la rotation des origines. Contrairement à un site Shopify standard où les produits restent stables, ici les origines changent toutes les 6-12 semaines. Le site devait permettre une rotation fluide sans casser le SEO.
3. Éviter le piège du « café cher en ligne ». Sur le marché du café de spécialité online, les prix tournent autour de 8-15 € les 250 g chez les leaders. Il fallait positionner Le Coffee Shop comme un acteur sérieux dans ce paysage, sans être perçu comme une « petite torréfaction de province ».
La solution : e-commerce sur-mesure Next.js
Le choix technique a été rapidement arrêté sur Next.js + Sanity (CMS headless) + Stripe. Pas de Shopify (trop standardisé), pas de WooCommerce (trop dette technique). Voici ce qu'on a livré.
Architecture
- Front : Next.js 14 avec App Router et Server Components
- CMS : Sanity pour la gestion du catalogue (origines, fiches éditoriales, articles, abonnements)
- Paiement : Stripe avec Apple Pay et Google Pay activés
- Email transactionnel : Resend pour les confirmations de commande, suivi de livraison
- Carte de fidélité : Karteo (notre SaaS) pour la fidélité dématérialisée Apple & Google Wallet
- Hébergement : Vercel pour le front + Sanity Hosted pour le CMS
Stack moderne, performance native, SEO impeccable. Score Core Web Vitals : 96/100 sur mobile.
Fonctionnalités clés livrées
Catalogue éditorial avec origines : chaque origine a sa fiche dédiée avec histoire du producteur (3-4 paragraphes), processus de traitement, notes de dégustation, profil de torréfaction, accords café. Pas un catalogue, un magazine de café.
Variantes par mouture : pour chaque origine, l'acheteur choisit le grain entier ou la mouture (espresso, filtre, French press, piston, V60). Stripe gère les variantes en arrière-plan.
Abonnement café mensuel : option « découverte » (1 nouvelle origine par mois, surprise) ou « personnalisé » (vous choisissez). Stripe Subscriptions intégré, gestion d'annulation en self-service.
Click & Collect Saint-Cyr : pour les locaux qui préfèrent passer chercher leurs grains plutôt que payer la livraison. Module sur-mesure avec créneaux horaires.
Paiement multi-canal : Stripe avec Apple Pay et Google Pay — sur mobile, l'achat se fait en 2 clics.
Carte de fidélité Karteo intégrée : un sac acheté = un point. Au 10e sac, un sac offert. La carte est dématérialisée Apple Wallet / Google Wallet, le client la retrouve directement dans son téléphone. Notifications push à chaque palier atteint.
Direction artistique
Palette dark + cream : fond noir profond comme l'expresso, contraste avec la chaleur du cuivre patiné. Typographie en sérif éditoriale (HW Cigars sur les titres) + sans-serif modern (PP Radio Grotesk) sur le corps. Photographie en boutique réalisée en demi-journée par un photographe spécialisé food à Marseille.
L'ambition était claire : que la première impression visuelle soit « je suis sur un magazine de café », pas « je suis sur un Shopify de torréfacteur ».
Le résultat — chiffres et apprentissages
Le site est en ligne depuis quelques mois maintenant. Les premiers chiffres sont encourageants — sans rentrer dans des projections optimistes qu'on ne pourrait pas tenir.
Trafic organique : montée progressive sur les requêtes locales (« torréfacteur Saint-Cyr-sur-Mer », « café spécialité Var ») et nationales longues traînes (« café Yirgacheffe en ligne », « abonnement café spécialité »).
Conversion : taux de conversion visiteur → achat à 3,1 % en moyenne sur 6 mois (vs 1-2 % moyenne e-commerce français). Le poids de la qualité photo et du contenu éditorial ressort dans les heatmaps : les visiteurs lisent vraiment les fiches origines avant d'acheter.
Panier moyen : 38 € (vs 22 € moyenne torréfaction online). L'effet « éditorial premium » justifie un panier supérieur — les clients achètent souvent 2 origines + 1 accessoire.
Abonnement café mensuel : adoption progressive, plus lente que prévue. Le travail sur la conversion des acheteurs ponctuels en abonnés reste à approfondir (campagnes mail post-achat, offre de bienvenue, etc.).
Karteo fidélité : adoption forte côté locaux, plus faible côté distance. Les clients distance considèrent leur achat comme un « plaisir occasionnel » et n'ont pas le réflexe fidélité — c'est cohérent avec leur comportement d'achat.
Les apprentissages clés du projet
Trois choses qui se sont confirmées sur ce projet et qu'on retient pour les torréfacteurs ou commerces premium futurs.
1. L'éditorial fait la marge. Sans contenu éditorial sérieux, Le Coffee Shop aurait été perçu comme un torréfacteur banal, et le panier moyen aurait stagné autour de 22-25 €. L'investissement sur les fiches origines (texte + photo + dégustation) ressort directement dans la conversion et le panier.
2. La rotation produit demande une discipline éditoriale forte. Une nouvelle origine = un nouveau contenu (fiche, photo, parfois article blog). Sans cadence éditoriale, le site devient incohérent en 6 mois. On a mis en place un workflow CMS Sanity + checklist contenu pour fluidifier ça.
3. La fidélité digitale convertit quand elle est sans friction. Karteo (carte Apple Wallet) marche parce qu'il n'y a aucune app à télécharger, aucun mot de passe à mémoriser, aucun coupon à imprimer. Les clients la sortent au moment du paiement comme une carte bancaire. Si on avait imposé une app dédiée, l'adoption aurait été divisée par 3 ou 4.
Pour aller plus loin sur le sujet
Pour creuser des aspects précis de ce projet, on a écrit plusieurs guides associés :
- Site web pour café-torréfacteur : guide complet
- Automatisations e-commerce pour torréfacteur
- Programme de fidélité pour café-torréfacteur
- SEO local pour café-torréfacteur
- Le guide complet : créer un site internet en 2026
Si vous gérez une torréfaction, un café de spécialité, une boutique épicière haut-de-gamme ou un commerce alimentaire premium et que vous voulez creuser un projet similaire, premier échange gratuit en visio sans engagement. Vous repartez avec un avis honnête sur la faisabilité dans votre budget, un calendrier réaliste, et nos retours concrets sur ce qui a marché ou pas chez Le Coffee Shop.
