Corporate Cards App
Corporate Cards App
Corporate Cards App
How to design a modern and intuitive mobile app for corporate cards holders while integrating this app within an existing ecosystem with a set Design Language System?
How to design a modern and intuitive mobile app for corporate cards holders while integrating this app within an existing ecosystem with a set Design Language System?
How to design a modern and intuitive mobile app for corporate cards holders while integrating this app within an existing ecosystem with a set Design Language System?
Year
Year
Year
2024
2024
2024
client
client
client
BNPP
BNPP
BNPP
industry
industry
industry
Banking
Banking
Banking
Service
Service
Service
Team Lead
Team Lead
Team Lead
Research
Research
Research
Conception
Conception
Conception
UX/UI
UX/UI
UX/UI
User testing
User testing
User testing
Challenge
Challenge
Challenge
Build the new mobile experience of an aging web platform
Build the new mobile experience of an aging web platform
Build the new mobile experience of an aging web platform
Design a sustainable user experience ready to accommodate future developments and target groups
Design a sustainable user experience ready to accommodate future developments and target groups
Design a sustainable user experience ready to accommodate future developments and target groups
Ensure consistency for a smooth and seamless experience for users, while integrating the redesign to the ecosystem of the bank by implementing the brand new Design Language System
Ensure consistency for a smooth and seamless experience for users, while integrating the redesign to the ecosystem of the bank by implementing the brand new Design Language System
Ensure consistency for a smooth and seamless experience for users, while integrating the redesign to the ecosystem of the bank by implementing the brand new Design Language System
Understanding the context
Understanding the context
Understanding the context
The firsts steps were to audit the current user experience on the existing platform, align the design strategy with the business goals and constraints of the team, and explore market standards.
The firsts steps were to audit the current user experience on the existing platform, align the design strategy with the business goals and constraints of the team, and explore market standards.
The firsts steps were to audit the current user experience on the existing platform, align the design strategy with the business goals and constraints of the team, and explore market standards.
I used an experience map to identify key steps, major issues and where we could add the most value for the users.
I used an experience map to identify key steps, major issues and where we could add the most value for the users.
I used an experience map to identify key steps, major issues and where we could add the most value for the users.
Then the benchmark was helpful to gather best practices present the state of the art to the team, and find inspiration in similar or different industries.
Then the benchmark was helpful to gather best practices present the state of the art to the team, and find inspiration in similar or different industries.
Then the benchmark was helpful to gather best practices present the state of the art to the team, and find inspiration in similar or different industries.
Experience map
Experience map
Experience map
Benchmark
Benchmark
Benchmark
Prioritizing the roadmap
Prioritizing the roadmap
Prioritizing the roadmap
The next step was to converge user needs and business goals, and prioritize the features to be developed for the first version of the new app, based on the most frequent use cases for each profile of customers.
The next step was to converge user needs and business goals, and prioritize the features to be developed for the first version of the new app, based on the most frequent use cases for each profile of customers.
The next step was to converge user needs and business goals, and prioritize the features to be developed for the first version of the new app, based on the most frequent use cases for each profile of customers.
We’ve identified, in the form of user stories, the features that address user needs for each step. These features were then prioritized while taking into account technical constraints and business objectives (pilot, MVP, V1, etc.).
We’ve identified, in the form of user stories, the features that address user needs for each step. These features were then prioritized while taking into account technical constraints and business objectives (pilot, MVP, V1, etc.).
We’ve identified, in the form of user stories, the features that address user needs for each step. These features were then prioritized while taking into account technical constraints and business objectives (pilot, MVP, V1, etc.).
At the same time, we’ve identified the most important user journeys, the structure of key screens, and navigation paths.
At the same time, we’ve identified the most important user journeys, the structure of key screens, and navigation paths.
At the same time, we’ve identified the most important user journeys, the structure of key screens, and navigation paths.
User stories
User stories
User stories
User flows
User flows
User flows
Building a usable prototype
Building a usable prototype
Building a usable prototype
After the completion of the research and conception phases, we made the experience tangible through a testable prototype.
After the completion of the research and conception phases, we made the experience tangible through a testable prototype.
After the completion of the research and conception phases, we made the experience tangible through a testable prototype.
Our objectives were to bring the vision to life with mockups, paying close attention to usability, fluidity, and visual identity, and simulate target user journeys through an interactive prototype built in Figma.
Our objectives were to bring the vision to life with mockups, paying close attention to usability, fluidity, and visual identity, and simulate target user journeys through an interactive prototype built in Figma.
Our objectives were to bring the vision to life with mockups, paying close attention to usability, fluidity, and visual identity, and simulate target user journeys through an interactive prototype built in Figma.
Then we’ve confronted the designed experience against the real needs and usage patterns of end users, in order to iterate accordingly.
Then we’ve confronted the designed experience against the real needs and usage patterns of end users, in order to iterate accordingly.
Then we’ve confronted the designed experience against the real needs and usage patterns of end users, in order to iterate accordingly.
Prototype
Prototype
Prototype
Testing and iterating
Testing and iterating
Testing and iterating
We defined a testing protocol to understand current usage, evaluate user journeys, and analyze participants’ feedback and perceptions.
We defined a testing protocol to understand current usage, evaluate user journeys, and analyze participants’ feedback and perceptions.
We defined a testing protocol to understand current usage, evaluate user journeys, and analyze participants’ feedback and perceptions.
The protocol was built around a semi-structured interview and a test of the prototype with 4 different scenarios.
The protocol was built around a semi-structured interview and a test of the prototype with 4 different scenarios.
The protocol was built around a semi-structured interview and a test of the prototype with 4 different scenarios.
In total, we interviewed 7 users from 2 different customer profiles, and tested 8 user journeys.
In total, we interviewed 7 users from 2 different customer profiles, and tested 8 user journeys.
In total, we interviewed 7 users from 2 different customer profiles, and tested 8 user journeys.
The user tests gave us the necessary material to improve the design before the final delivery.
The user tests gave us the necessary material to improve the design before the final delivery.
The user tests gave us the necessary material to improve the design before the final delivery.
Interview protocol
Interview protocol
Interview protocol