Aller au contenu

Étude de cas · Commerce · torréfaction & distribution

Une maison de café depuis 1987. Une boutique dans la poche.

Application iOS, Android et PWA : tout le catalogue, la commande en quelques gestes, le paiement et le suivi des livraisons — sans jamais quitter le pouce.

Conception produit & UXApplication iOS & AndroidProgressive Web AppPaiement et commandes
Accueil de l’application Café DIAAM : nos cafés, gourmands, thés, sucres, accessoires et machines

Le contexte

Trente-huit ans de comptoir. Zéro minute de vente en ligne.

Café DIAAM sélectionne et distribue du café depuis 1987 — capsules Lavazza pour Firma et Nespresso, grains, mais aussi thés, chocolats, sucres, accessoires et machines. Une maison qui connaît ses produits et ses clients par leur prénom.

Il manquait le geste le plus banal du quotidien : recommander sa boîte de capsules depuis son téléphone, un dimanche soir, sans appeler personne. Nous avons construit cette boutique — en application iOS et Android, et en PWA pour celles et ceux qui préfèrent leur navigateur.

  • Un catalogue large — six familles de produits — impossible à parcourir au téléphone
  • Des réassorts qui passaient par l’appel, l’email ou le déplacement
  • Aucun moyen de payer et de suivre sa commande en autonomie
  • Des clients fidèles à servir aussi bien sur iOS, Android que sur le web

Du rayon au panier, sans quitter le pouce.

Accueil de l’application Café DIAAM : nos cafés, gourmands, thés, sucres, accessoires et machines
Panier de l’application Café DIAAM avec trois produits et le sous-total
Le catalogueLe panier
Écran d’accueil de l’application Café DIAAM avec ses six catégories illustrées

01

Six familles, une seule vitrine.

Cafés, gourmands, thés, sucres, accessoires, machines : l’accueil pose les six univers en grand, photo à l’appui. On sait en une seconde ce que la maison vend — et où aller.

  • Six familles de produits accessibles dès l’ouverture
  • Navigation détaillée par marque et par machine : Firma, Nespresso, grains
  • Recherche intégrée pour aller droit au produit connu
  • Identité de la maison respectée : noir profond, cuivre, photos produit
Fiche produit Torino Lungo dans l’application Café DIAAM : prix, description, intensité et ajout au panier

02

Le café se choisit avec les yeux. Et avec le nez.

Chaque référence porte sa description de dégustation, son intensité et son conditionnement. On retrouve l’Espresso Napoli comme on le demanderait au comptoir — sauf qu’ici, le bouton « Ajouter » est à portée de pouce.

  • Fiches produit détaillées : origine, torréfaction, notes, intensité sur 13
  • Conditionnement affiché clairement (x48, sticks, coffrets)
  • Ajout au panier depuis la liste ou depuis la fiche, avec quantité
  • Fiche pratique jointe pour les machines et accessoires
Écran de paiement de l’application Café DIAAM : carte bancaire, Apple Pay et code de réduction

03

Payer ne doit jamais faire réfléchir.

Carte bancaire ou Apple Pay, carte enregistrée pour la prochaine fois, code de réduction : le tunnel va au plus court. Le détail de la commande reste visible jusqu’au dernier écran — taxes et livraison comprises, sans surprise au moment de valider.

  • Carte bancaire (Visa, Mastercard, American Express) et Apple Pay
  • Enregistrement de la carte pour les commandes suivantes
  • Codes de réduction pris en charge
  • Sous-total, taxes et livraison détaillés avant paiement
Récapitulatif de commande Café DIAAM : sous-total, taxes, livraison et total à payer

04

La livraison, annoncée avant d’être facturée.

Les frais de port sont calculés à la commande et affichés en clair dans le récapitulatif. Le client valide en connaissance de cause — et la maison suit ses expéditions depuis le même outil.

  • Frais de livraison calculés et affichés avant validation
  • Récapitulatif complet : produits, quantités, taxes incluses, total TTC
  • Acceptation des conditions générales et de la politique de confidentialité
  • Suivi des commandes et des livraisons côté client comme côté maison
Menu de navigation Café DIAAM : cafés Lavazza, gourmands, thés, sucres, accessoires et assistance

05

Trois plateformes, une seule boutique.

iOS, Android et PWA partagent le même catalogue, le même panier et le même compte. Le client passe du téléphone au navigateur sans rien perdre — et la maison n’a qu’une boutique à tenir à jour.

  • Applications natives publiées sur l’App Store et Google Play
  • Progressive Web App pour l’accès direct depuis un navigateur
  • Catalogue, prix et stocks synchronisés sur les trois supports
  • Assistance DIAAM accessible en un geste depuis le menu

Sur mobile

Le parcours complet, écran par écran.

De la vitrine au paiement : chaque étape a été dessinée pour le pouce, sur fond noir et cuivre — l’identité de la maison depuis toujours.

Accueil de l’application Café DIAAM
Liste des cafés avec descriptions et prix
Fiche produit détaillée
Panier et sous-total
Paiement par carte ou Apple Pay
Menu de navigation complet
1987
l’année où la maison a commencé
3
plateformes : iOS, Android, PWA
6
familles de produits au catalogue
5,0 ★
sur l’App Store (5 avis)

Ce que ça change

  • Une boutique ouverte en permanence, là où les clients ont déjà leur téléphone
  • Le réassort se fait en autonomie, sans appel ni déplacement
  • Un seul catalogue à tenir pour trois supports
  • {{À_COMPLÉTER — nombre de commandes passées via l’application, panier moyen}}
  • {{À_COMPLÉTER — part du chiffre d’affaires réalisée sur mobile}}

Fiche technique

Plateformes
iOS, Android et Progressive Web App
Catalogue
Six familles, fiches détaillées, recherche
Paiement
Carte bancaire et Apple Pay
Commandes
Panier, codes promo, suivi de livraison
Compte client
Historique et carte enregistrée
Publication
App Store et Google Play

{{À_COMPLÉTER — témoignage Café DIAAM, ex. : « Nos clients commandent le dimanche soir. Nous, on prépare le lundi matin. »}}

{{À_COMPLÉTER — nom, fonction, Café DIAAM}}

Vos produits méritent d’être à portée de pouce.

Comme Café DIAAM, ouvrez une boutique qui tient dans une poche — iOS, Android, web. En 30 minutes, nous cadrons ce que ça donnerait pour votre catalogue.

RGPD renforcéHébergement France / UE30 min, sans engagement