Finance IOA

Conception complète de l'expérience et de l'interface utilisateur pour Finance IOA : un logiciel de finance.
Webdesign : Fluffy Agency
Plusieurs vue du logiciel de comptabilité Finance IOA (graphiques, connexion, Dashboard, transactions et analyses)
Présentation du dashboard de Finance IOA et texture

Conception UX/UI d'un logiciel de gestion de trésorerie et de comptabilité

Un logiciel de gestion de trésorerie et de comptabilité, c’est un outil que certains utilisateurs ouvrent dès le matin et ferment en fin de journée. Si l’interface est confuse, lente à lire ou visuellement fatigante, ça se paie en erreurs, en frustration, et en temps perdu.

Notre mission sur Finance IOA était de concevoir une interface qui réponde à cette réalité terrain. Le projet s’est déroulé en plusieurs étapes structurées : définition du guide de style (le document qui fixe les règles visuelles de l’interface, couleurs, typographies, espacements), conception / ( pour User Experience, l’expérience globale de l’utilisateur, et pour User Interface, le design visuel des écrans) sur desktop et mobile, puis création d’un prototype interactif sur Figma (l’outil de design de référence pour concevoir et tester des interfaces avant de les développer).

Mockup d'ordinateur et de smartphone de Finance IOA

Une interface qui se lit d'un coup d'œil

Dans un logiciel financier, la densité d’information est souvent le premier obstacle. Des tableaux chargés, des chiffres qui se ressemblent, des catégories qui se mélangent visuellement : tout ça nuit à la prise de décision rapide, qui est pourtant l’usage principal de ce type d’outil.

Deux choix structurants ont guidé notre travail. D’abord, une palette de tons neutres et clairs comme base : une interface apaisante qui réduit la fatigue visuelle sur des sessions longues, sans sacrifier le professionnalisme attendu dans le secteur financier. Ensuite, un code couleur distinct pour chaque tag de catégorie, qui permet de scanner une page entière et d’identifier instantanément les informations pertinentes, sans avoir à tout lire ligne par ligne.

Ce type d’approche, qu’on appelle en design la hiérarchie visuelle (l’organisation des éléments d’une interface pour guider naturellement le regard vers ce qui compte), est souvent ce qui sépare un logiciel qu’on supporte d’un logiciel qu’on apprécie vraiment utiliser.

Plusieurs vues mobiles de l'application Finance IOA

Ce projet vous a plu ?

Paramètres d’accessibilité
Typographie
Taille de police
Contraste
Animations