Expenza
Un suivi des dépenses mobile éditorial et gestuel, conçu autour de l'interaction physique Shake-to-Add, d'un minimalisme neutre chaleureux et d'une architecture 100% locale sur appareil.
- Type
- Design de produit et application mobile en production
- Rôle
- Designer de produit et architecte mobile
- Plateforme
- iOS et Android (React Native et Expo)
- Outils
- Figma, React Native, Sharp

Le problème de la friction dans les finances personnelles
La plupart des applications de finances personnelles échouent non par manque de fonctionnalités, mais en raison d'une friction d'interaction excessive. En quittant un café ou une caisse de supermarché, les utilisateurs ont moins de cinq secondes d'attention avant de ranger leur téléphone. Les flux traditionnels exigeant des sous-menus complexes et des synchronisations entraînent l'abandon rapide de l'application.
Expenza est construite sur le principe inverse : une saisie en moins de trois secondes. En remplaçant la navigation d'interface par une intention physique, l'application réconcilie la saisie instantanée et la clarté financière à long terme.



L'intention physique plutôt que la navigation : Shake-to-Add
Plutôt que de chercher un bouton flottant ou de parcourir un menu, l'utilisateur effectue un simple mouvement du poignet. Un filtre d'accéléromètre personnalisé calcule les variations sur trois axes (Δ > 3.0G) couplé à un délai de temporisation de 1 500 ms pour éliminer les faux positifs en poche tout en garantissant une réactivité instantanée.
La fenêtre modale active immédiatement la saisie, pré-sélectionne le contexte récent et propose des puces d'incrémentation rapide (+10, +50, +100, +200, +500) pour consigner les montants ronds en un geste sans clavier. En arrière-plan, un service natif déclenche une impulsion haptique et une notification avec lien direct.



Clarté éditoriale chaleureuse sans ombres portées
Expenza s'éloigne des clichés fintech sombres et néon au profit d'un univers visuel éditorial clair. Conçue sur des fonds neutres chauds (#F7F7F5), des cartes blanches nettes (#FFFFFF) et des bordures subtiles (#E7E7E4), l'interface applique une règle stricte de zéro ombre portée. La sensation tactile naît d'un espacement rigoureux, d'une hiérarchie de contours et de retours haptiques.
La typographie est composée en Plus Jakarta Sans pour une lisibilité parfaite des chiffres. Les tokens de catégories utilisent des accords chromatiques contrastés : ambre pour la Nourriture, bleu cobalt pour les Transports, magenta pour le Shopping et violet pour les Factures.



Réflexion comportementale : Money Replay et Money Mood
Enregistrer les dépenses n'est que la moitié du chemin ; l'interface doit également éclairer le rythme des dépenses. Expenza remplace les graphiques passifs par des indicateurs comportementaux : le badge « Money Mood » évalue la cadence de dépense par rapport au calendrier, tandis que les séries de régularité valorisent les journées sans dépense et le respect du budget.
À la fin de chaque mois, une story interactive Money Replay en 7 étapes transforme les chiffres du mois en un récit visuel percutant, détaillant les postes majeurs et la santé financière en langage naturel.



Souveraineté locale et moteur d'exportation natif
La confidentialité est totale : 100% des données financières restent sur l'appareil via un stockage local sécurisé, sans télémétrie externe, sans traceurs et sans obligation de créer un compte. L'utilisateur reste l'unique propriétaire de ses données.
Pour assurer une portabilité complète, Expenza intègre un moteur d'export multi-format. Les utilisateurs peuvent générer des classeurs Excel stylisés (.xlsx) avec formules, des relevés PDF au format A4 prêts à l'impression ou des sauvegardes complètes en JSON structuré.
Ce que cela a produit
Une application mobile de finances personnelles complète et éprouvée qui réduit la saisie quotidienne à un geste physique de moins de trois secondes, tout en préservant une esthétique éditoriale claire et la souveraineté totale des données sur l'appareil.
Ce qu'elle démontre pour les projets clients est un savoir-faire de bout en bout : exploiter les capteurs matériels pour créer des micro-interactions fluides, concevoir des design systems rigoureux sans artifices visuels et intégrer des exports de données professionnels.
Lectures complémentaires
- Tendances de design UI/UX pour 2026 qui valent vraiment la peine d’être adoptéesQuelles tendances de design UI/UX pour 2026 tiennent face aux contraintes d’un produit réel, des interfaces assistées par l’IA aux motifs accessibles par défaut, et lesquelles ne sont que de la décoration.
- Comment construire un design system dans Figma qui survit au handoffUn guide pratique des design systems dans Figma : variables et tokens, échelles de typographie et d’espacement, propriétés de composants, et un nommage qui tient dans le code.
- Les 8 erreurs d’UI qui tuent votre produit (et comment corriger chacune)Les mêmes 8 problèmes reviennent dans presque tous les produits que j’audite : contraste, espacement, hiérarchie, états. Voici le correctif exact pour chacun, avec des tests que vous pouvez faire dès aujourd’hui.
- De Figma à React : un handoff qui n’est pas reconstruitPourquoi les handoffs de Figma vers React produisent du code qui finit réécrit, et le flux de travail (mapping des tokens, propriétés en forme de props, états réels) qui l’évite.


