Transformer le café en expérience digitale
KAFFA est une maison de café construite autour d'une idée simple :
le café ne commence pas dans la tasse.
Il commence dans son terroir, dans la récolte, dans le travail du producteur, puis continue à travers la torréfaction, la mouture et l'extraction.
Le projet consistait à traduire cette philosophie dans une expérience digitale immersive capable de raconter l'intégralité de ce parcours.
Plutôt que de présenter directement une boutique ou un catalogue de produits, le site invite l'utilisateur à suivre la transformation du grain.
De la graine à la tasse.
L'enjeu
Le café de spécialité possède une richesse technique importante, mais cette technicité peut rapidement devenir difficile à comprendre pour un visiteur.
Le défi consistait donc à rendre accessibles des notions comme :
- altitude ;
- terroir ;
- torréfaction ;
- réaction de Maillard ;
- granulométrie ;
- pression d'extraction ;
- température ;
- temps d'infusion ;
- notes aromatiques.
L'objectif n'était pas de supprimer la technicité.
Il était de la transformer en expérience narrative.
Une expérience structurée en cinq étapes
L'intégralité du site est construite autour d'un parcours :
01. Origine
02. Torréfaction
03. Mouture
04. Extraction
05. Dégustation
Cette structure donne au visiteur une progression naturelle.
Chaque étape représente une transformation supplémentaire du produit.
Le site devient ainsi une sorte de parcours de fabrication digitalisé.
01. Origine & Récolte
La première étape plonge l'utilisateur dans les forêts de Kaffa, dans le sud-ouest de l'Éthiopie.
Le site explique l'origine de l'Arabica sauvage et insiste sur le travail manuel réalisé au moment de la récolte.
Plusieurs données viennent renforcer le récit :
1 850 m
Altitude moyenne.
100 %
Cueillette manuelle.
Ces informations transforment le terroir en élément de valeur plutôt qu'en simple information géographique.
02. Torréfaction Artisanale
La deuxième étape raconte la transformation du grain vert sous l'action de la chaleur.
Le site introduit notamment le concept de :
« premier craquement »
ainsi que la réaction de Maillard et la caramélisation des sucres.
La dimension technique est ensuite matérialisée par plusieurs indicateurs :
218 °C
Point d'équilibre.
12 min
Cuisson lente.
Robe de Moine
Profil de torréfaction.
La température et le temps ne sont donc plus de simples paramètres de production.
Ils deviennent des éléments du storytelling.
03. Mouture de Précision
La troisième étape présente la transformation du grain torréfié en particules.
Le site utilise ici un vocabulaire très précis :
« l'éclatement micronisé »
La mouture est présentée comme une véritable étape de précision.
L'utilisateur peut également choisir entre plusieurs profils :
- Fine · Espresso
- Moyenne · Filtre
- Grossière · Piston
La plateforme affiche alors différentes granulométries, notamment 200 µm, 500 µm et 900 µm, tandis qu'un indicateur de 380 µm est présenté pour la mouture espresso.
Cette interaction transforme une information technique en expérience utilisateur.
04. Extraction & Alchimie
L'étape suivante fait entrer l'utilisateur dans le processus d'extraction.
Le site présente une extraction utilisant :
93,5 °C
pour la température de l'eau.
9 bars
pour la pression.
27 secondes
pour le temps d'infusion.
Cette combinaison permet de donner au visiteur une représentation concrète de ce qui se passe entre la mouture et la tasse.
Le vocabulaire utilisé renforce également le caractère premium et sensoriel du projet :
« L'écoulement doré »
« nectar dense »
« nuances aromatiques »
La technique devient ainsi émotionnelle.
05. Dégustation & Notes
La dernière étape termine le voyage avec l'expérience sensorielle.
Le site décrit notamment :
- jasmin sauvage ;
- cacao grand cru 85 % ;
- bergamote confite ;
- miel d'acacia.
Cette section permet de passer de la science du café à son expérience gustative.
Le visiteur termine ainsi le parcours avec une représentation complète du produit.
Origine → Transformation → Extraction → Dégustation
Une direction artistique premium
Le projet utilise une esthétique volontairement éditoriale et immersive.
Le café est présenté comme un produit de haute valeur.
Le vocabulaire visuel et rédactionnel privilégie :
- la matière ;
- le terroir ;
- l'artisanat ;
- la précision ;
- le temps ;
- la chaleur ;
- la dégustation.
L'objectif est de créer une perception de qualité avant même la présentation de l'offre commerciale.
Une boutique intégrée naturellement
La boutique n'arrive pas immédiatement au début du parcours.
Elle intervient après que le visiteur a compris l'origine et la transformation du produit.
Le call-to-action :
« Votre tasse vous attend. »
introduit ensuite naturellement la dimension commerciale.
Le site propose notamment :
Explorer la collection
et
Réserver un atelier
Cette approche permet de transformer progressivement la curiosité en intention d'achat ou d'expérience.
Une stratégie de conversion basée sur l'expérience
Le parcours peut être résumé ainsi :
Découvrir
↓
Comprendre
↓
Apprécier
↓
Désirer
↓
Acheter ou réserver
Cette logique est particulièrement adaptée à un produit premium.
Au lieu de pousser immédiatement la vente, le site construit d'abord la valeur perçue.
Les ateliers comme extension de la marque
Les ateliers de dégustation constituent une seconde porte d'entrée vers l'univers KAFFA.
Ils permettent de transformer le site en plateforme de découverte de la marque plutôt qu'en simple boutique en ligne.
Le produit devient alors une expérience physique :
Café + connaissance + dégustation + communauté
Une dimension responsable
Le site présente également plusieurs engagements :
- commerce équitable direct ;
- préservation des forêts ;
- emballages 100 % compostables ;
- ateliers barista.
Ces éléments complètent le positionnement premium par une dimension éthique et environnementale.
Une présence physique intégrée
Le footer présente plusieurs points de présence :
Atelier Paris 1er
Maison Genève
Service conciergerie
Cette information permet de connecter l'expérience digitale aux lieux physiques de la marque.
Une architecture éditoriale maîtrisée
Le site repose sur une structure particulièrement claire :
- Accueil
- Origine
- Torréfaction
- Mouture
- Extraction
- Dégustation
- Boutique
Cette architecture correspond directement au cycle de transformation du produit.
La navigation devient donc une représentation du processus de fabrication lui-même.
Résultat
KAFFA transforme un site de marque en véritable expérience sensorielle digitale.
Le projet combine :
Storytelling + Scrollytelling + Direction artistique + Pédagogie + Interaction + E-commerce
pour raconter le parcours du café depuis son origine jusqu'à la dégustation.
Le résultat ne présente pas simplement un produit.
Il donne au visiteur une raison de comprendre sa valeur.
La technique devient storytelling.
Le terroir devient identité.
La fabrication devient expérience.
Et finalement, l'expérience devient conversion.
Compétences mobilisées
Direction artistique · UX/UI Design · Web Design · Storytelling digital · Scrollytelling · Interactive Design · Product Presentation · E-commerce UX · Data Visualization · Responsive Design · Animation Web · Brand Experience · Conversion Design