E-commerce made accessible - mZakupy
In 2023, mBank launched a new strategic and innovative project in the banking sector. The existing affiliate/promotion section of their banking app was set to be transformed into a major marketplace, with Morele.net, one of Poland’s largest e-commerce platforms, as the strategic partner.
The project had an ambitious timeline, requiring the design and testing of the first phase within just 6 months. This involved designing and testing the entire process, from user onboarding and product presentation to checkout and package tracking.
- 200+ stakeholders
- October 2023 - now (BAS phase of the project)
- integration with a big e-com partner (over 1,5 mln products)
- innovation in the European banking
- available to all banks clients (3 mln)
- 4 phases
- 3 rounds of usability testing
- attention to accessibility
- designed with design system
summary
user testing
- conducted the first round of user testing
- facilitated three days of in-person usability testing on the mobile prototype
- prepared a detailed report on our findings
senior UX/UI designer
- supporting the design lead in design process
- leading the project in case of the leads absence
accesibility expert
- provided detailed descriptions for developers to meet WCAG standards
- communicated with developers to achieve accessible solutions
- advised on and found solutions for ambiguous and complicated cases
my roles:
acessibility
I was responsible for ensuring accessible design in accordance with WCAG standards. Every screen created during all project phases was carefully analyzed and documented with detailed guidelines for developers. I made sure that each screen had the proper structure and behavior, and I provided alternative text and descriptions for all interface elements.
I worked closely with the Widzialni Foundation, an organization specializing in accessible UX and UI, and benefited greatly from their expertise throughout the process.
phase 3 - full live version 01.2025
We achieved full e-commerce functionality, including product variants, a buy now pay later service, and complete order tracking within the banking app. We are preparing this feature to be available to all of the bank’s retail clients by the end of the year.
phase 2 - F&F testing
In the next phase, we added the capability to feature multiple products simultaneously and introduced full shopping cart functionality.
We tested these changes live with a control group of several thousand mBank clients. At this stage, I was responsible for supporting the lead designer and stepping in whenever needed.
details
The plan for the initial phase of the project was to create a dedicated space in the banking app to introduce one product per day and to develop a simplified checkout process. A key part of this phase was user testing and improving the proposed solution at an early stage.
I was responsible for conducting usability testing with users. I prepared a prototype and tested it with 10 participants on mobile devices, in person, at a specialized usability lab.
The first impressions of the new section of the app were very positive. We identified and proposed several key improvements to enhance the process, which were later approved for development.
phase 1 - first designs and testing
My first in-person usability testing in a professional lab and importance of keeping the workspace neatly organised.
what I’ve learned
Working under big pressure and big expectations.
the biggest challenge
Strona zrobiona w WebWave.