Quantify
Disciplines :
Design Graphique
Design UX/UI
Dashboard
Année :
2025
Projet :
Confronté aux conventions de visualisation centrées sur l’exhaustivité, le projet explore comment une interface peut accorder sensiblement priorité, clarté et fluidité d’usage.
Objectifs :
L’objectif était de proposer une interface claire et efficace, permettant aux utilisateurs de suivre en temps réel leurs finances et investissements. Transformer la donnée en matière visuelle dynamique. Utiliser le rythme, la hiérarchie et la tension graphique comme outils cognitifs.
01.
Identité Visuelle
Système visuel
L’identité de Quantify est conçue comme un système structurel plutôt que comme un ensemble d’attributs graphiques. Elle repose sur des principes de lisibilité, de stabilité et de cohérence perceptive, assurant une continuité naturelle entre signe, typographie et interface.
Logo :
Le logo est conçu comme un signe structurel, issu d’une logique modulaire proche des systèmes d’interface. Sa construction privilégie lisibilité, stabilité et reproductibilité à travers différents contextes d’affichage.
Le logo repose sur des formes minimales et combinatoires, garantissant un comportement stable en petite taille. Son contraste est optimisé pour des environnements informationnels denses et s’inscrit dans une cohérence stricte avec la grille de l’interface. Dans l’interface, il agit comme un repère visuel immédiat, s’intégrant naturellement aux layouts et prolongeant la hiérarchie typographique du système.
Couleur du logo :
La couleur participe à la structuration du signe en renforçant contrastes, rythmes et différenciations internes. Son traitement privilégie lisibilité, stabilité et compatibilité avec des environnements d’interface.
#3FA9F5
#09263C
Typographie du logo :
La typographie s’inscrit en continuité avec l’interface, tout en introduisant un niveau de singularité propre à l’identité. Son dessin privilégie clarté, stabilité et présence à différentes échelles d’affichage.
02.
Dashboard
Design system
Le dashboard est construit sur une infrastructure visuelle où couleurs, grille et typographie interagissent pour produire un environnement lisible et stable. Le système privilégie relations, contrastes et continuité plutôt que styles isolés.
Palette de couleurs
La couleur agit comme un mécanisme de hiérarchisation et de signalisation au sein du dashboard. Les contrastes et variations de teinte structurent la lecture et différencient les niveaux d’information sans surcharge visuelle.
Grilles & espacements
La grille organise l’interface selon une logique de stabilité et de rythmes constants. Les espacements définissent des relations visuelles claires, garantissant respiration, lisibilité et cohérence structurelle.
La lisibilité est une construction systémique.
Hiérarchie visuelle
La navigation s’inscrit dans une logique de hiérarchie perceptive visant à organiser l’espace informationnel plutôt qu’à multiplier les signaux. Contrastes, rythmes et relations visuelles structurent la lecture et stabilisent l’orientation dans l’interface. Cette organisation privilégie reconnaissance immédiate, continuité et clarté malgré la densité des contenus.
Barre de navigation
La navigation est structurée autour d’un système de repères constants assurant orientation et stabilité dans l’interface. La combinaison d’icônes et de labels privilégie la reconnaissance immédiate des sections et limite l’effort d’interprétation.
Conclusion
Quantify a été guidée par une réflexion approfondie en amont, ce qui a permis d’optimiser directement l’expérience utilisateur et l’affichage des données. L’ensemble du projet repose sur une hiérarchie visuelle claire, une navigation intuitive et une structure pensée pour faciliter la lecture et l’analyse financière. Ce dashboard démontre ainsi comment un design bien structuré peut simplifier des informations complexes tout en garantissant une expérience fluide et accessible.
Crédit
Designer :
Arthur Cueff
Stack :
Figma
Illustrator
