Circl – Comparateur de courses : l’app pour payer vos courses moins cher

Avec Circl, vous composez votre panier et l’application calcule où l’acheter au meilleur prix en temps réel. Si nécessaire, le panier est scindé entre plusieurs magasins pour maximiser l’économie. Les bons de réduction sont agrégés automatiquement et appliqués au bon moment.

L’identité visuelle mise sur des dégradés chaleureux et des personnages-aliments qui dédramatisent le sujet.

‍

Côté UI/UX, le parcours est ultra-lisible : comparaison, récap d’économies, options drive/livraison. Chaque écran est pensé pour limiter la charge mentale et accélérer la décision.

Des recettes anti-gaspi et contenus pédagogiques complètent l’écosystème. Un ensemble cohérent, utile et réjouissant

Le défi de Circl : transformer une mission anxiogène : faire ses courses au meilleur prix, en un rituel positif. Nous avons d’abord cadré le positionnement, puis construit un système de design orienté clarté : grilles souples, composants réutilisables et hiérarchie typographique qui rendent chaque écran immédiatement compréhensible (Design system).

‍

Le cœur produit s’appuie sur un moteur de comparaison capable de fractionner intelligemment le panier : l’interface explique le pourquoi du comment, affiche les alternatives (bio, local, marque distributeur) et propose des substitutions transparentes. Les bons et promos sont contextualisés, et un score d’économie détaille l’impact par article, pour une explicabilité assumée.

‍

L’identité visuelle mêle dégradés vitaminés et mascottes minimalistes (dont la “super poire d’achat”) afin d’apporter chaleur et connivence dans un univers habituellement froid (Identité visuelle, Illustration & mascottes).

‍

En UI/UX, nous avons privilégié le geste court : recherche prédictive, ajout rapide au panier, vues “économies cumulées” et dashboards clairs qui valorisent les gains réalisés par mois, par commande ou par catégorie (Application mobile – UI/UX, Dashboards & data design).

L’accessibilité n’est pas un bonus : contrastes mesurés, tailles de hit-areas, et micro-interactions sobres pour guider sans distraire (Accessibilité numérique).

‍

Enfin, un ton éditorial déculpabilisant et des recettes anti-gaspi installent une relation durable avec l’utilisateur.

Côté méthode, l’app a été conçue comme un système modulaire : bibliothèque Figma, guidelines d’illustration et composant “carte produit” décliné partout. L’ensemble s’inscrit dans l’esprit du design émotionnel cher à Don Norman : quand l’émotion est juste, l’outil devient plus efficace.