Banking

Design System / UX/UI design / User testing
EntrepriseFlowBank
RôleSenior Designer
Résumé du projetRefonte de l’app existante et création d’un design system.

Besoin

L’application actuelle a été lancée en 2020 lors de la création de l’entreprise. Elle a été créée avec des objectifs précis selon la vision qu’avait le CEO à cette période. L’identité ainsi que les besoins de l’entreprise ont évolué, il était donc nécessaire d’entamer une refonte de l’application afin qu’elle soit alignée sur les projets futurs de la banque.

Solution

Définition du public cible afin de s’aligner sur les nouveaux objectifs de la banque. Création d’un design system pour permettre aux différents produits d’être alignés d’un point de vue esthétique mais aussi de logique. Ce dernier va également permettre ainsi aux différentes équipes de collaborer sur une même base.

Phases du projet

Découverte

Définition du public cible
(Personas)
Définition des objectifs
Planning des “sprints” design

Recherche

Userflows & architecture de l’app
Wireframes low-fidelity
User testing interne pour des pages/logiques précises

Design

Design system
Design des écrans finaux
Tests avec le public cible
Finalisation des écrans

User research (personas)

Définition du public cible (personas) et interview de profils proches de ces derniers pour permettre de mieux cerner leurs attentes. Nous avons travaillé en collaboration avec une société spécialisée en UX research afin d’avoir une recherche plus approfondie et une vision extérieure.

Débutant, 27 ans. Moins de 5’000 CHF. Nouveau travail et augmentation de salaire régulier. Le débutant souhaite faire davantage avec son argent que les plans d'épargne traditionnels.Investisseur, 32 ans. 5’000 à 15’000 CHF. Trade depuis quelques années et dispose d'un portefeuille d'actions et d'ETF. Il envisage d'utiliser une partie de son portefeuille pour investir dans des produits plus risqués, tels que les options et les futures.Trader, 46 ans. Plus de 15’000 CHF. Cadre qui a commencé à investir de manière traditionnelle, mais qui a pris goût aux paris. Il se lance désormais dans le trading de produits plus risqués, tout en préservant ses investissements à long terme.Investisseur curieux, 50 ans. Cadre qui a commencé à investir de manière traditionnelle au début, mais qui a commencé à explorer des investissements alternatifs. Il se lance désormais dans le trading de produits plus risqués tout en préservant ses investissements à long terme.Consultant financier, 34 ans. Professionnel fournissant des conseils et une expertise aux particuliers et aux entreprises. Son objectif principal est d'aider les clients à prendre des décisions éclairées concernant leur planification financière, leurs investissements et leurs stratégies de gestion des risques.

Wireframes

Création d’écrans “low-fidelity” de pages principales selon les résultats obtenus des interviews pendant la phase user research. Ces écrans ont ensuite été présentés au management afin d’obtenir leur approbation pour poursuivre le développement.

Design System

L’UI kit existant a été enrichi et peaufiné. Des règles précises ont été créées pour la mise en page, les couleurs ainsi que le fonctionnement des différents composants. Plus de 300 composants pour mobile et desktop ont été créés.

Résultat

Onboarding

Exemples d’écrans finaux

Achat d’un produit de trading

Parcours complet

Rafraichissement d'une page

Exemple d’interaction

Le projet est toujours en cours de création, seul un échantillon est donc présenté sur cette page.