Design UX/UI de l’application mobile Yummix
Yummix
Yummix est une plateforme française de recettes pour Thermomix, créée en 2013. Elle propose des recettes premium, des astuces, des tutoriels vidéo, des menus à préparer à l’avance (batch cooking) et des filtres de recherche avancés.
Avec plus de 170 000 abonnés sur Instagram, la communauté Yummix vivait déjà sur mobile. Il lui manquait une application native, libérée des limites du site sur un téléphone.
Avec l’équipe Yummix, nous avons mené tout le design UX/UI de l’application mobile (conception de l’expérience et de l’interface utilisateur), de l’audit jusqu’au prototype interactif remis aux développeurs.
Concevoir une expérience pensée pour le mobile
Une expérience recettes pensée pour le mobile
Des parcours utilisateurs clairs
Des abonnements adaptés au mobile
Des livrables prêts pour le développement
Résoudre le défi de la navigation
L’équipe Yummix voulait que le design UX/UI de son application mobile soit aussi naturel que d’avoir un chef à ses côtés en cuisine. Avant de dessiner le moindre écran, nous avons posé une base mobile first : l’application est pensée d’abord pour le téléphone, en cuisine comme en déplacement.
Nous avons commencé par auditer le site Yummix : ses contenus, son modèle d’abonnement et la façon dont les lecteurs l’utilisent depuis plus de dix ans. Toutes les décisions suivantes s’appuient sur cette analyse.
Avec l’équipe Yummix, nous avons ensuite animé des ateliers UX pour accorder les objectifs commerciaux et les vraies habitudes de cuisine sur mobile. Ensemble, nous avons défini les parcours utilisateurs (les chemins suivis pour atteindre un objectif) : trouver une recette, l’ajouter aux favoris, préparer sa liste de courses, s’abonner. Fixer ces parcours avant tout développement a écarté l’essentiel des risques de livraison.
À partir de ces parcours validés, nous avons dessiné des wireframes haute fidélité (maquettes détaillées des écrans, sans le graphisme final), puis toute l’interface. Elle repose sur un design system construit selon la méthode atomic design : une bibliothèque de composants réutilisables, du bouton à l’écran complet, qui garde l’application cohérente au fil des évolutions.
Un prototype interactif a servi de référence unique à toutes les équipes. Il a rendu la passation fluide avec Bear Studio, le studio mobile qui a développé l’application en React Native (un seul code pour iOS et Android).
Nous avons aussi appliqué les règles WCAG (le standard international d’accessibilité du web) et conçu des parcours de connexion et d’abonnement sécurisés, cohérents avec le site existant et prêts pour de futures intégrations e-commerce et de paiement.
Résultat : une base validée avant le développement, qui a évité des reprises coûteuses. L’application Yummix est aujourd’hui notée 4,9/5 sur l’App Store et Google Play.
Pourquoi Yummix avait-il besoin d’une application alors qu’il avait déjà un site ?
Ses plus de 170 000 abonnés Instagram vivaient déjà sur mobile, et le site montrait ses limites sur un téléphone. Une application native offre aux recettes, aux favoris et aux listes de courses un espace pensé pour la cuisine et les déplacements.
Comment Sutunam et Bear Studio se sont-ils partagé le travail ?
Nous avons conçu l’UX/UI avec l’équipe Yummix, de l’audit au prototype. Bear Studio a développé l’application en React Native. Le prototype interactif a servi de référence unique entre les deux équipes.
Comment le design a-t-il été validé avant le développement ?
Par des ateliers UX avec l’équipe Yummix, puis des cycles de design courts qui ont validé tout le parcours utilisateur en 10 jours, avant la moindre ligne de code.
Comment fonctionnent les abonnements entre le site et l’application ?
Nous avons conçu des parcours de connexion et d’abonnement sécurisés, reliés au site existant : un abonné retrouve les mêmes accès sur les deux, et les futures intégrations de paiement sont prévues.
Quelle est la note de l’application Yummix aujourd’hui ?
4,9/5 sur l’App Store (275 notes) et sur Google Play (114 avis), en octobre 2026.
Tout le processus de design !
Tout le processus de design !
Auditer le site de recettes existant : structure des contenus, abonnements et comportements des utilisateurs.
Analyser dix ans de contenus culinaires pour repérer les usages mobiles et les contraintes UX.
Animer des ateliers UX avec l’équipe Yummix pour accorder objectifs commerciaux et habitudes de cuisine sur mobile.
Définir des parcours clairs pour la découverte de recettes, les favoris, les listes de courses et les abonnements.
Structurer une architecture UX pensée d’abord pour le mobile, en cuisine comme en déplacement.
Dessiner des wireframes haute fidélité pour valider l’ergonomie avant tout développement.
Créer un design system évolutif selon les principes de l’atomic design.
Documenter des composants d’interface réutilisables pour les futures fonctionnalités.
Produire un prototype entièrement interactif, référence unique pour toutes les parties prenantes.
Coordonner la passation du design avec Bear Studio, chargé du développement React Native.
Concevoir des parcours de connexion et d’abonnement sécurisés, cohérents avec le site existant.
Anticiper dans les parcours les futures intégrations e-commerce Magento et de paiement.
Appliquer les règles d’accessibilité WCAG pour une expérience mobile inclusive.
Préparer le socle produit pour les API Symfony et les intégrations tierces.
Réduire les risques de livraison en validant en amont l’UX et l’intégration avec les systèmes existants.
Des fondations UX qui comptent
Jours pour le prototype
Composants documentés
Boutiques d’applications, un seul design
Note dans les boutiques d’applications
L'avis du client
