Banking API Portal
Banking API Portal
Year
Context
As France's second-largest banking group, Groupe BPCE aimed to solidify its position as a leader in Open Banking. With a growing need to manage its fleet of APIs, the company decided to create a modern API Developer Portal to allow its employees, partners, and a growing Fintech ecosystem to produce, secure, and consume its APIs.
Context
As France's second-largest banking group, Groupe BPCE aimed to solidify its position as a leader in Open Banking. With a growing need to manage its fleet of APIs, the company decided to create a modern API Developer Portal to allow its employees, partners, and a growing Fintech ecosystem to produce, secure, and consume its APIs.
Context
As France's second-largest banking group, Groupe BPCE aimed to solidify its position as a leader in Open Banking. With a growing need to manage its fleet of APIs, the company decided to create a modern API Developer Portal to allow its employees, partners, and a growing Fintech ecosystem to produce, secure, and consume its APIs.
Context
As France's second-largest banking group, Groupe BPCE aimed to solidify its position as a leader in Open Banking. With a growing need to manage its fleet of APIs, the company decided to create a modern API Developer Portal to allow its employees, partners, and a growing Fintech ecosystem to produce, secure, and consume its APIs.
Problem
The primary challenge was to design an innovative and unprecedented solution that would position the Group as an experience facilitator and a trusted third party. The goal was to create a "premium" experience for a highly technical audience (developers, architects) while also showcasing the commercial value of the API offerings to business profiles.
Problem
The primary challenge was to design an innovative and unprecedented solution that would position the Group as an experience facilitator and a trusted third party. The goal was to create a "premium" experience for a highly technical audience (developers, architects) while also showcasing the commercial value of the API offerings to business profiles.
Problem
The primary challenge was to design an innovative and unprecedented solution that would position the Group as an experience facilitator and a trusted third party. The goal was to create a "premium" experience for a highly technical audience (developers, architects) while also showcasing the commercial value of the API offerings to business profiles.
Problem
The primary challenge was to design an innovative and unprecedented solution that would position the Group as an experience facilitator and a trusted third party. The goal was to create a "premium" experience for a highly technical audience (developers, architects) while also showcasing the commercial value of the API offerings to business profiles.
Client
BPCE
Industry
Banque
Service
UI / UX Design
Web Development
Digital Design
Duration
6 mois
Approach
Our approach was centered on a series of strategic co-creation workshops, bringing together all stakeholders from the start. This collaborative process, involving Product, Tech, and Business teams, was essential to define a shared vision and ensure that the final product would be perfectly aligned with both user needs and business objectives.
Approach
Our approach was centered on a series of strategic co-creation workshops, bringing together all stakeholders from the start. This collaborative process, involving Product, Tech, and Business teams, was essential to define a shared vision and ensure that the final product would be perfectly aligned with both user needs and business objectives.
Approach
Our approach was centered on a series of strategic co-creation workshops, bringing together all stakeholders from the start. This collaborative process, involving Product, Tech, and Business teams, was essential to define a shared vision and ensure that the final product would be perfectly aligned with both user needs and business objectives.
Approach
Our approach was centered on a series of strategic co-creation workshops, bringing together all stakeholders from the start. This collaborative process, involving Product, Tech, and Business teams, was essential to define a shared vision and ensure that the final product would be perfectly aligned with both user needs and business objectives.
UX research
The discovery phase was built around key Design Thinking activities to frame the product vision and user needs:
Product Vision Board: To define and align the vision, goals, and values of the product with all stakeholders.
Personas & Feature Brainstorming: To identify our different target audiences and their specific needs.
User Interviews: We conducted interviews with key targets (developers, architects, and business analysts) to gain deep insights into their expectations and pain points.
UX research
The discovery phase was built around key Design Thinking activities to frame the product vision and user needs:
Product Vision Board: To define and align the vision, goals, and values of the product with all stakeholders.
Personas & Feature Brainstorming: To identify our different target audiences and their specific needs.
User Interviews: We conducted interviews with key targets (developers, architects, and business analysts) to gain deep insights into their expectations and pain points.
UX research
The discovery phase was built around key Design Thinking activities to frame the product vision and user needs:
Product Vision Board: To define and align the vision, goals, and values of the product with all stakeholders.
Personas & Feature Brainstorming: To identify our different target audiences and their specific needs.
User Interviews: We conducted interviews with key targets (developers, architects, and business analysts) to gain deep insights into their expectations and pain points.
UX research
The discovery phase was built around key Design Thinking activities to frame the product vision and user needs:
Product Vision Board: To define and align the vision, goals, and values of the product with all stakeholders.
Personas & Feature Brainstorming: To identify our different target audiences and their specific needs.
User Interviews: We conducted interviews with key targets (developers, architects, and business analysts) to gain deep insights into their expectations and pain points.
Challenges
The research revealed several key design challenges that shaped the final solution:
1. Simplifying Technical Complexity: The main challenge was to present a very dense API documentation without overwhelming the user. We had to make strong choices to prioritize essential information and create clear paths to technical details.
2. Defining a Hybrid Visual Identity: We had to find a delicate balance between the serious, corporate image of the BPCE group and the modern, clean aesthetic expected by a Fintech and developer audience.
3. Creating Journeys for Two Audiences: The design had to cater to two very different needs: a journey for "Business" profiles focused on the strategic value of the APIs, and another for "Developers" focused on quick access to technical documentation and the sandbox environment.
Challenges
The research revealed several key design challenges that shaped the final solution:
1. Simplifying Technical Complexity: The main challenge was to present a very dense API documentation without overwhelming the user. We had to make strong choices to prioritize essential information and create clear paths to technical details.
2. Defining a Hybrid Visual Identity: We had to find a delicate balance between the serious, corporate image of the BPCE group and the modern, clean aesthetic expected by a Fintech and developer audience.
3. Creating Journeys for Two Audiences: The design had to cater to two very different needs: a journey for "Business" profiles focused on the strategic value of the APIs, and another for "Developers" focused on quick access to technical documentation and the sandbox environment.
Challenges
The research revealed several key design challenges that shaped the final solution:
1. Simplifying Technical Complexity: The main challenge was to present a very dense API documentation without overwhelming the user. We had to make strong choices to prioritize essential information and create clear paths to technical details.
2. Defining a Hybrid Visual Identity: We had to find a delicate balance between the serious, corporate image of the BPCE group and the modern, clean aesthetic expected by a Fintech and developer audience.
3. Creating Journeys for Two Audiences: The design had to cater to two very different needs: a journey for "Business" profiles focused on the strategic value of the APIs, and another for "Developers" focused on quick access to technical documentation and the sandbox environment.
Challenges
The research revealed several key design challenges that shaped the final solution:
1. Simplifying Technical Complexity: The main challenge was to present a very dense API documentation without overwhelming the user. We had to make strong choices to prioritize essential information and create clear paths to technical details.
2. Defining a Hybrid Visual Identity: We had to find a delicate balance between the serious, corporate image of the BPCE group and the modern, clean aesthetic expected by a Fintech and developer audience.
3. Creating Journeys for Two Audiences: The design had to cater to two very different needs: a journey for "Business" profiles focused on the strategic value of the APIs, and another for "Developers" focused on quick access to technical documentation and the sandbox environment.
UI Design
To bring the strategic vision to life, we developed a sophisticated visual identity. My work involved creating a detailed UI moodboard that explored three distinct artistic directions (Fintech minimalist, Human-centric, and a hybrid approach) to define an innovative yet trustworthy graphic universe.
Following the selection of the "Fintech and minimalist" theme, we designed the final high-fidelity mockups and a fully interactive prototype. This prototype was essential for conducting user tests and validating the user experience before handing off the final designs and specifications to the development team.
UI Design
To bring the strategic vision to life, we developed a sophisticated visual identity. My work involved creating a detailed UI moodboard that explored three distinct artistic directions (Fintech minimalist, Human-centric, and a hybrid approach) to define an innovative yet trustworthy graphic universe.
Following the selection of the "Fintech and minimalist" theme, we designed the final high-fidelity mockups and a fully interactive prototype. This prototype was essential for conducting user tests and validating the user experience before handing off the final designs and specifications to the development team.
UI Design
To bring the strategic vision to life, we developed a sophisticated visual identity. My work involved creating a detailed UI moodboard that explored three distinct artistic directions (Fintech minimalist, Human-centric, and a hybrid approach) to define an innovative yet trustworthy graphic universe.
Following the selection of the "Fintech and minimalist" theme, we designed the final high-fidelity mockups and a fully interactive prototype. This prototype was essential for conducting user tests and validating the user experience before handing off the final designs and specifications to the development team.
UI Design
To bring the strategic vision to life, we developed a sophisticated visual identity. My work involved creating a detailed UI moodboard that explored three distinct artistic directions (Fintech minimalist, Human-centric, and a hybrid approach) to define an innovative yet trustworthy graphic universe.
Following the selection of the "Fintech and minimalist" theme, we designed the final high-fidelity mockups and a fully interactive prototype. This prototype was essential for conducting user tests and validating the user experience before handing off the final designs and specifications to the development team.
User tests
User testing sessions were conducted with a diverse range of user profiles, including partner developers, architects, and business users.
These sessions validated several key strengths of the portal, notably its overall clarity, the ability to access documentation without logging in, and the value of the mocked "Try it" feature.
They also highlighted key areas for improvement to streamline certain user flows, such as providing direct access to API references without an intermediate step, and to better clarify key concepts like public vs. private access and versioning.
The personas created to illustrate API use cases were well-received, but prompted suggestions for deeper contextualization and personalization. These findings directly informed a series of design iterations: simplifying the wording, adjusting the navigation hierarchy, and better showcasing use cases directly in the catalog.
User tests
User testing sessions were conducted with a diverse range of user profiles, including partner developers, architects, and business users.
These sessions validated several key strengths of the portal, notably its overall clarity, the ability to access documentation without logging in, and the value of the mocked "Try it" feature.
They also highlighted key areas for improvement to streamline certain user flows, such as providing direct access to API references without an intermediate step, and to better clarify key concepts like public vs. private access and versioning.
The personas created to illustrate API use cases were well-received, but prompted suggestions for deeper contextualization and personalization. These findings directly informed a series of design iterations: simplifying the wording, adjusting the navigation hierarchy, and better showcasing use cases directly in the catalog.
User tests
User testing sessions were conducted with a diverse range of user profiles, including partner developers, architects, and business users.
These sessions validated several key strengths of the portal, notably its overall clarity, the ability to access documentation without logging in, and the value of the mocked "Try it" feature.
They also highlighted key areas for improvement to streamline certain user flows, such as providing direct access to API references without an intermediate step, and to better clarify key concepts like public vs. private access and versioning.
The personas created to illustrate API use cases were well-received, but prompted suggestions for deeper contextualization and personalization. These findings directly informed a series of design iterations: simplifying the wording, adjusting the navigation hierarchy, and better showcasing use cases directly in the catalog.
User tests
User testing sessions were conducted with a diverse range of user profiles, including partner developers, architects, and business users.
These sessions validated several key strengths of the portal, notably its overall clarity, the ability to access documentation without logging in, and the value of the mocked "Try it" feature.
They also highlighted key areas for improvement to streamline certain user flows, such as providing direct access to API references without an intermediate step, and to better clarify key concepts like public vs. private access and versioning.
The personas created to illustrate API use cases were well-received, but prompted suggestions for deeper contextualization and personalization. These findings directly informed a series of design iterations: simplifying the wording, adjusting the navigation hierarchy, and better showcasing use cases directly in the catalog.
Impact
The project concluded with the successful delivery of a complete and validated high-fidelity prototype and a comprehensive styleguide.
This enabled the client's internal teams to move forward with the development phase of the portal with a clear, user-tested, and scalable design foundation. Our work served as the strategic and visual blueprint, ensuring a coherent and high-quality final product.
Impact
The project concluded with the successful delivery of a complete and validated high-fidelity prototype and a comprehensive styleguide.
This enabled the client's internal teams to move forward with the development phase of the portal with a clear, user-tested, and scalable design foundation. Our work served as the strategic and visual blueprint, ensuring a coherent and high-quality final product.
Impact
The project concluded with the successful delivery of a complete and validated high-fidelity prototype and a comprehensive styleguide.
This enabled the client's internal teams to move forward with the development phase of the portal with a clear, user-tested, and scalable design foundation. Our work served as the strategic and visual blueprint, ensuring a coherent and high-quality final product.
Impact
The project concluded with the successful delivery of a complete and validated high-fidelity prototype and a comprehensive styleguide.
This enabled the client's internal teams to move forward with the development phase of the portal with a clear, user-tested, and scalable design foundation. Our work served as the strategic and visual blueprint, ensuring a coherent and high-quality final product.
Tools
🎨 Figma for UI design
🧠 Miro for workshops and user research
⚙️ Marvel for interactive prototyping
Tools
🎨 Figma for UI design
🧠 Miro for workshops and user research
⚙️ Marvel for interactive prototyping
Tools
🎨 Figma for UI design
🧠 Miro for workshops and user research
⚙️ Marvel for interactive prototyping
Tools
🎨 Figma for UI design
🧠 Miro for workshops and user research
⚙️ Marvel for interactive prototyping
PORTFOLIO
CHECK OUT SOME MORE
CHECK OUT SOME MORE
CHECK OUT SOME MORE
CHECK OUT SOME MORE
Spotlight UI : Puma Ignite
Spotlight UI : Puma Ignite
Spotlight UI : Puma Ignite
Art Direction
UI design
Spotlight UI : Puma Ignite
Spotlight UI : Puma Ignite
Spotlight UI : Puma Ignite
Art Direction
UI design
Spotlight UI : Puma Ignite
Spotlight UI : Puma Ignite
Spotlight UI : Puma Ignite
Art Direction
UI design
Spotlight UI : Puma Ignite
Spotlight UI : Puma Ignite
Spotlight UI : Puma Ignite
Art Direction
UI design
Farmi app
Farmi app
Farmi app
UI / UX Design
Mobile Development
Farmi app
Farmi app
Farmi app
UI / UX Design
Mobile Development
Farmi app
Farmi app
Farmi app
UI / UX Design
Mobile Development
Farmi app
Farmi app
Farmi app
UI / UX Design
Mobile Development
Let’s talk.
I’m always open to meaningful conversations around product, strategy or complex UX challenges.