BANQUE
Design System

Réalisation d’un Design System pour une Néobanque qui peut s’adapter à toutes types d’image de marque avec une application sur des maquettes

Design system UI design UX design
home page mockup
logo figma blanc

Concept

Création d’un Design System avec application dans maquettes

Objectif

La création d’un Design System visent à améliorer la cohérence, l'efficacité et la qualité de la conception d’une plateforme. Aujourd'hui, la création d’un Design System est primordiale pour offrir une expérience utilisateur cohérente et agréable à travers les différents canaux.

Méthodologie

Réalisation du Design System avec Figma car de nombreuses fonctionnalités sont disponibles grâce aux composants, aux styles, aux variables par exemple. Il permet également une collaboration entre les équipes en temps réel. Tout à été respecté dans ce Design System pour faciliter l’implantation d’une nouvelle image de marque.

Style Guidelines

Ensemble de règles et de normes qui définissent la manière dont une marque ou une organisation doit se présenter visuellement

Colors

img icons design system

Typography

img icons design system

Icons

img icons design system

Design System

Ensemble cohérent de règles, de principes, de directives et de composants visuels et interactifs réutilisables utilisés pour concevoir et développer des produits numériques de manière efficace et cohérente
img composants design system
img composants design system img composants design system

Dashboard

Les informations importantes y sont présentes comme des données clés sous forme de graphiques, de tableaux, de cards et d'autres éléments visuels

Objectif

Celui ci va permettre d’avoir un visualisation rapide et synthétique de toutes nos informations. Toutes les différentes informations vont permettre à l’utilisateur de surveiller toutes ses dépenses et bien plus beaucoup plus rapidement grâce à un design clair et minimaliste.

Fonctionnalités

Les maquettes présentent différents modules pour gérer à bien ses comptes, son épargne, ses dépenses, tout est réunie au même endroit pour plus de faciliter.
- Une consultation rapide du solde du compte courant en arrivant directement sur la plateforme
- Un module d’analyse des dépenses mensuel des suggestions personnalisés
- Un historique des dépenses

home page mockup