Redesigning MyMoBiz online account origination
flow and building prototype

Figma

MVP

UX Research

UX Design

Information Architecture

Technical Architecture

Web/mobile application

2022

2022

2022

MyMoBiz Standard Bank

MyMoBiz Standard Bank

Context

In this project, I took over from a Senior UX Designer at Immersion Group who went on maternity leave. The project had already been running for more than a year. There were also some management shifts happening at the time and I also helped the team transition to Figma from Sketch. I was reposible for designing key new features and journeys for MyMoBiz flow and a Figma prototype, while doing UX design activities. This entailed:


  • Taking over Senior UX Design activities

  • Managing standups, sprints and backlog

  • Transitioning from Sketch to Figma

  • Creating a Figma prototype with updates from User feedback, using Standard Banks design system


The challenge

  1. Determine the impact of the flow on users, considering, there are two stages to the MyMoBiz application , in addition to the online identity check through Identifii technology

  2. Understand the mental models and emotional schemas of business and personal banking customers

  3. Develop a clickable prototype to test with users that utilises Standard Banks design system for user testing and business alignment



Assumption

Small business customers with one director, want to apply for MyMoBiz account online.


The MyMobiz digital origination is a digitisation account origination that enables customers to apply for a MyMoBiz account on the go whenver, whereever they are. Unlike the current Call me back, functionality that was on the Standard Bank MyMoBiz page, takes an everage of about 5days to open th MyMoBiz account and requires multiple documents.

Solution

Our solution will enable the customer to apply for the MyMoBiz account immediately and does not require the customer to provide any documents, as the check are done through API integrations with CIPC and Identifii.

User data driven
approach

Business process
API integration

Advanced prototype
for user feedback &
business alignment

Client
Standard Bank

Company
Immersion Group

Role
Senior User Experience Designer

Year
2022

Industry
Financial services

What we did

Business requirement workshops

Business requirement
workshops

User research

User journeys

Task flows

Wireflows

Wireframes

Prototyping

Design Systems

Product developement actvities

Following an agile process that goes through iterative sprint cycles. The following gives examples of different design activities we did.

Business requirements

Working with different product teams to understand requirements

Aligning with technical flows

Working with the technical teams to understand limitations

Wireframing and design new components

For different user scenarios we would map out the different users and how they interact

Advanced figma prototyping

Creating am

When I jumped onto this project I went through a series of workshops to define the company goals and do research on the user needs. This involved the following:


  • Business requirement workshops with product and technical teams

  • Defining user goals ( at this point I already had user feedback)

  • User profiles roles, rules and logic flows

  • Wire framing and new component design

  • Design reviews

  • Figma Prototyping


Here's an overview of the product design process:

Role and responsibilities

  • Leading, planning and undertaking UX research 

  • Facilitating business requirements workshops 

  • UX Design, wire framing and complex functional prototyping 

  • UI design in line with development team

  • Workflow and project strategy planning and execution

  • Figma workflow and design system transition

  • Working closely with Design Lead, Product Owners, UX Analysts, Feature Analysts, UX/Content Writers and Compliance ect.

Product developement actvities

Following an agile process that goes through iterative sprint cycles. Some the activities involved :

Following an agile process that goes through iterative sprint cycles. The following gives examples of different design activities we did.

Business requirements worshops

Working with different product teams to understand requirements

Aligning with technical flows

Working with the technical teams to understand limitations

Wireframing and design new components

Designing wireframes and new components in like with user journeys and flows

For different user scenarios we would map out the different users and how they interact

Advanced figma prototyping

Creating a prototype that uses the design system for user testing and product team alignment

The design process

The project process involved a traditional waterfall approach, however this involved agile sprints and an iterative process.

Takeaways

A transtion to Figma can be challeges with teams who havent used , and you must be aware that that shift takes times, and that the teams should be educated on value of using it

Planning regular design standups, ensure that everyone is aligned and has direction

Figma is better than Azure for prototyping because it ensures that other design members can collaborate easliy and it means the design system can be implement easier as you design more components in Figma

© Ideaflow Studio. 2024