Project Overview
NomisPay is a highly customizable mobile app for easy electronic funds transfer and financial management. NomisPay is intended to be a template mobile app that will be provided as part of the onboarding package to Nomis partners. Hence, this app needs to be user-centric and user-friendly.
The challenge
Many MSB license holders already have the industry knowledge and the capital or potential investors to run a successful business. What they lack, however, the the technological know-how to set up the right system and get started. Providing them with a customizable mobile app already sets them up for success without much hassle.
Project Goals
There were 2 main goals for this project:
  1. Design a highly intuitive and customizable mobile app that allows for easy fund transfer and e-wallet.
  2. Address users' pain points surrounding security of transactions, and comprehensive financial management system.
Tools

Figma for design and Figjam for workshop

Jira for project and task management

Zoom for team meeting

Design Strategy

1. Empathize
Research & Discovery

I conducted a preliminary survey to better understand the users’ insight into what is lacking in the services provided by current FinTech, e-wallet management, and financial transaction systems in the market. Insights from the survey helped define the focus of the preliminary interviews that I subsequently conducted. The results of the survey, interviews, and competitive (SWOT) analysis highlighted a number of users’ pain points:

  1. Many users would like to have a system that is easy to navigate, intuitive, and avoid unnecessary complexities.
  2. Users also do not want to compromise on the security of their financial transactions and personal information.
  3. Users emphasized the importance of reliability when transacting , as well as the importance of a competitive exchange rate.
  4. Some users hinted at their distrust of systems that operate with lots of hidden costs/charges.‍
User Personas

I developed a fictional persona based on data from the preliminary research phase (interviews, surveys, and competitive analysis) to help me empathize with the users. Henry Finley represents all customers in need of an intuitive and easy-to-use e-transfer and fund management system.

User Journey Map

The discovery research also revealed some basic operations that users would like to complete in a hassle-free manner. These were incorporated into a journey map for a better visualization and appreciation of users’ needs and pain points.

2. Define
Narrowing the scope

The results of the various discovery research was then narrowed to address the most pressing users' pain points, which included

  1. Ease of use: Easy navigation ranked on top of the list for many users.
  2. Security: Users wanted to ensure a high level of security over their financial transactions
  3. Reliability & Speed: Users would also like to complete their tasks quickly in few easy steps.
  4. Exchange rate: A very competitive exchange rate and an interactive visualization was also key.
3. Ideate
Brainstorming for ideas

I had several ideation and brainstorming sessions with the developers (front-end and back-end), system architect, and other stakeholders, to come up with several solutions to the customers’ needs gained through insights from preliminary research. At this point, the focus was on quantity over quality and later decided on, and went with the most popular options.

Information architecture

In collaboration with the design and engineering team, I was able to put together a detailed information architecture, a visual representation of the NomisPay mobile app infrastructure, features and hierarchy.

4. Prototype
Wireframes & Prototypes

First, I made some hand-drawn wireframes s to capture the ideas that addresses the users' concerns.

Low fidelity wireframes

Low-fidelity wireframes were designed in order to keep the focus on usability and end-to-end workflow. The designs were based on the ideas and iterations gleaned from the ideation phase in accordance with the users' needs.

High fidelity prototypes

The high fidelity prototypes were then designed to incorporate color schemes and patterns, bringing the design closer to the end product.

Interact with NomisPay Prototype
5. Test & Iterate
Usability testing

I completed a number of moderated usability testing with participants representing various genders, race, and tech-savviness. Insights gleaned from the analysis of the initial testing was applied in the iteration of the design. Usability testing highlighted some important aspects that were iterated upon as shown below

Home Screen

It was noted that to two buttons needed to perform the two most primary functions of this app (i.e. 'Send money' and 'Fund wallet') were either not clearly obvious or missing from the home screen. It was adjusted in the iterated design as shown below.

How do I logout?

One of the questions asked during usability testing was, "please go ahead and logout of your account." This surprisingly revealed an issue with the design. The list of items on the profile page were so many that the logout option, being the last item on the list, was hidden from sight. Moreover, there was no scroll indicator to hint to users that the list continued. The iterated design fixed this by repositioning the logout option and providing a scroll indicator.

Summary

I was able to deliver on the goals and objectives of this project within the stipulated timeframe, working closely with a highly cross-functional team. It was an highly collaborative effort, brainstorming and ideating with some very brilliant minds. That said, without a rigorous user-testing, we would have still ended up with a dysfunctional and unusable product. It pays to listen carefully, attentively, and actively - to stakeholders, team members, and users.

Some more projects