Sept 2021 - current 2024
Lead product designer
Swan.io
Web banking
Swan.io offers a platform for integrating banking features like accounts, cards, and payments into digital products through APIs. This enables businesses to provide financial services easily, enhancing user experience without dealing with the complexities of banking regulations.
Embeded banking as a service
White label end user responsive app
Challenge
As an embedded banking product designer,
Swan had to provide different B2B2C products (business to business to customer).
Those products is split into 3 mains different targets :
Partner dashboard for ApI product integration dedicated to Business and developers experience
Web banking BtoBtoC for no code partner’s end users needs
Low code onboarding and mobile consent end user experience
The objective was to create an easy to use web banking, who fit the API architecture.
Be able to improve and scale the end users needs future business opportunity.
I’d worked with a mobile & web app product component consistency constraint.
Through partners needs interview, user test & prototype feedbacks to end with the best withe label and open sourced interface.
My first challenge was to turn all the user experience for a mobile responsive user experience, as a white white label app.
As a founding lead designer,
I had to create a fully responsive design for our partners & their end users needs.
My main constraint was to create a white-label layout for partners, different from our partner back-office dashboard, to highlight Swan's end-user experience and API-embedded banking user experience result.
My role
Credits to
How to reach partner’s end user needs?
Discovery & insights
I implemented a process for iterative team exchanges between different horizontal teams. This process is inspired by the “Double Diamond” product design methodology.
It’s split into four different phases:
Discovery: Exploring and understanding the problem space through user research, identifying opportunities, and gathering insights to define the right problem to solve.
This phase is closely done with Product Management.Do the right things: Ensuring that the design solution effectively addresses the identified problem. It involves defining the problem clearly, generating ideas, prototyping, and testing to create a solution that meets user needs and business goals.
This requires close collaboration and iteration with Product Management, Back-end & Front-end Developers, and the CEO.Do the things right: Focusing on refining and delivering the solution. This involves testing, iterating, and fine-tuning the design to ensure it is functional, user-friendly, and ready for implementation. The goal is to perfect the solution and ensure it works well in the real world.
This phase involves close collaboration and iteration with Back-end & Front-end Developers, Product Management, UX & Tech Writers, and the CEO.Delivery : Finalizing and launching the product. This includes the production, implementation, and release of the solution, along with testing, feedback collection, and making any necessary adjustments to ensure the product meets user needs and business objectives in the real world.
Close collaboration and iteration with Back-end & Front-end Developers and Design System Component Scaling are crucial here.
The purpose of this methodology is to regularly iterate with the different teams involved (Product Managers, Developers, Tech Writers, etc.), testing and getting feedback, ensuring the entire team is aligned and has the same level of information.
This is a key point to ensure the best product and user-centered design and delivery, the right user flow, the right features, development estimation, and feature scalability.
Product design methodology
Ux & Ui design:
Convert the initial partner Dashboard API back office into a simple & smooth banking account creation.
from the KYC (know your customer), AML (Anti money laundering) and boost the bank creation conversion.
Product management:
Answered to every quarter business need and keep the target user needs.
Product design:
Creation of a design backlog => for PM roadmap => via POC (proof of concept)
Creation of product design iterative metrology => design loop
Agnostic usage datas
Brief & datas
Brief & datas
User research:
from mobile bank account creation.
huge drop after document documents collections.
63%
Ux design feedbacks:
Too much linear banking onboarding / creation
Dead end user flow => user conversion is low.
PM feedbacks:
Answered to every quarter business needs & keep the target user needs :
Too much linear banking onboarding / creation
Dead end user flow => user conversion is low.
Product design:
Creation of a design backlog => for PM roadmap => via POC (proof of concept)
Creation of product design iterative metrology => design loop
Agnostic usage datas
We deeply benchmarked some of our competitors, such as Qonto, Revolut and Shine.
The goal is to offer an easy bank account onboarding and management user interface by avoiding unnecessary complex and technical wording or tone and voice, simplifying the onboarding and KYC document collection mandatory for any bank account creation, and finally providing an easy user experience for card ordering, card management, transfer payments, account statements, etc.,
which represent the UX added value of these new neo/web banking industries compared to traditional banks.
We also focused our benchmarks on the mobile experience within responsive web browser constraints.
Benchmark
Aligned & architectured the needs
Wireframe & workshops
The discovery phase helped to align Product management & Product Design team. Ensure the same level of information and same strategic objectives.
MoSCow: Must have, Should have, Could have, Won’t have
Information map: global architecture of the product, with User story, Task estimation, Design add value, Dev architecture.
Design the things rights
User flow & Prototypes
Creating low or high-fidelity prototypes to be used during different user test sessions. Select different partner personas with various business needs. Based on a user test protocol: open questions, key objectives, and let the user express their feedback out loud.
Qualitative users test
Ux research
Creating low or high-fidelity prototypes to be used during different user test sessions. Select different partner personas with various business needs. Based on a user test protocol: open questions, key objectives, and let the user express their feedback out loud.
Delivery& Design system
High fidelity specs
Soon - work in progress
From product design to open source
Sum up
Soon - work in progress
