Aller au contenu principal

E-commerce

Café Ramure

Vendre un café de spécialité comme on le sert : un e-commerce sensoriel et scroll-driven.

Étude de design — maquetteVoir la démo live
Aperçu — Café Ramure
Type
Étude de design
Rôle
Étude de design sectorielle (maquette)
Année
2026
Services
Direction artistique · E-commerce · Animation · Intégration
Stack
Next.js · React · Tailwind · Lenis · GSAP

01 — L'enjeu

Le secteur : un produit sensoriel sur un écran plat

Le café de spécialité se vend par l'origine, le grain, le rituel — une expérience sensorielle que la plupart des boutiques en ligne réduisent à une grille de produits anonyme. L'enjeu est de transposer cette matière à l'écran : faire ressentir la torréfaction, donner envie du geste, et amener au panier sans casser l'émotion.

02 — L'approche

Le scroll comme rituel

C'est la maquette la plus poussée : une narration scroll-driven (vidéo synchronisée au défilement), des micro-lots mis en scène, un parcours d'achat fluide. La technique sert l'émotion, pas l'inverse.
01

Narration scroll-driven

La vidéo et les sections se révèlent au défilement : on raconte l'origine et le geste avant de proposer le produit.

02

Fiche produit qui donne soif

Origine, profil, intensité, choix de mouture : assez d'information pour l'amateur, assez de désir pour le novice.

03

Panier sans rupture d'émotion

Ajout au panier et tiroir latéral fluides : on achète sans quitter l'ambiance.

03 — En images

Page complète
Page complète
Le rituel
Le rituel
L'extraction
L'extraction
Le grain
Le grain

04 — Ce que ça démontre

  • Narration scroll-driven (GSAP/Lenis)
  • E-commerce sensoriel
  • Parcours d'achat fluide
  • Animation au service de l'émotion