View
Project
Green Money

App design for a banking provider

2019

Objective

Green Money App is a mobile banking app, that provides reliable online banking services to users in West Africa.

The project objective was to provide reliable innovative banking solutions to users in Sierra Leone, West Africa in an attempt to address issues like low access, cash reliance, and limited infrastructure.

I worked with two Developers and two Engineers to design a mobile banking app, leading the design phase—research, prototyping, visual design, and usability testing—as the sole UX Designer.

Define

I sought to learn about Green Money’s potential target users by completing competitor analysis for banking apps, and reviewing complaints and online reviews. I extracted the pain points and user needs, and translated them into potential features.  

I identified the user needs for a comprehensive platform, where all banking services, information, and tools are accessible on-the-go.

Meet the Users

To get a real understanding of the target users, I created personas based on the user interviews I conducted so that I could jump into the users’ shoes and really uncover their needs and prioritised features. The core functionality of the app became apparent once the user needs were defined.

Information Architecture

After defining the core functions and features of the app, I focused on creating information architecture. The goal of this was to create a clear and easy-to-use experience for users.

Mapping Ideas Through Sketches

I began with hand-drawn sketches to explore layout ideas quickly, focusing on usability and core functionality.

SketchSketchSketch

Sketches to Wireframes

I transitioned from hand-drawn sketches to mid-fidelity wireframes, refining layout, navigation, and content placement.

WireframeWireframeWireframe

Wireframes

Before embarking onto preliminary user testing and high fidelity mockups, I brainstormed on potential UI designs, illustrating wireframes to get a feel for the app and it's core features.

I then transformed these sketches into wireframes, and created a prototype using the monotone wireframes which I used to conduct preliminary usability testing.

Wireframe mockup
Wireframe mockup
Wireframe mockup
Wireframes
Wireframes

Designs

The designs create an intuitive app experience for customers. The new app provides users with the ability to process and monitor account transactions whilst on-the-go. This improved the overall users banking experience.

Mobile mockup
Mobile mockupMobile mockup
GM logo
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup

Manage everyday banking
at your fingertips

Green Money App is the ultimate easy banking app.
It provides users with the ability to manage their accounts, save money, make international transfers, all safely and securely within the touch of their fingertips.

Green Money

HEX
#71FF2F
Forest Green
HEX
#4A8227
Mint
HEX
#96D778
Rich Black
HEX
#000000

Wireframes

To lay the groundwork for preliminary user testing, I started by brainstorming and sketching design concepts. I then converted these sketches into wireframes and built a prototype, which I used to conduct early-stage usability testing.

Wireframe mockupWireframe mockup


Design

After testing, I chose to amend existing copy to clarify the journey for customers, whilst keeping the new design consistent with the current design.

After further testing and iterations, I explored some additional options which I presented to the stakeholders, and they were approved and carried forward.


Mockups illustrating new journey
Mobile mockup
Mobile mockup
Mobile mockup

health claims

Because updating your claims should be easy.

Mobile mockup
Mobile mockup
Mobile mockup

User Testing

I conducted user testing with 10 potential users from various age groups, who all resided both in Sierra Leone and around the world.

Users were shadowed, and observations were made on how they are using the application, their response to alerts, what looks clickable to them, and whether or not they can complete the task provided to them in the given time frame. I received some really helpful feedback and iterated on the designs after this session, to create the final designs.

Results

The key KPI’s that were achieved were:

1. Number of mobile app users within the first six months were 28%.

2. Number of transactions per week increased by 65%.

3. Customer satisfaction score: Improvement in ratings.

Design

The new designs provide clarity, ease of use, and accessibility, ensuring a frictionless experience from start to finish.

Savoo
Mockup
Savoo
Mockup

A streamlined four-step clear and concise process designed to guide users seamlessly through claiming their reward gift card.

By simplifying each step and incorporating user-friendly design elements, the claim process minimises confusion and enhances user satisfaction.

Design

The new designs emphasise clarity by providing transparent information on fees upfront and incorporate intuitive visual cues to help guide users through each step.

I restructured the user flow to ensure a seamless experience for both EUR and USD transactions.

Mobile mockup
Mobile mockupMobile mockup
eT logo
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup
Mobile mockup

Enjoy the freedom to
deposit, and trade fee-free.

With eToro Money, users’ EUR and USD accounts work seamlessly together, allowing them to choose the optimal currency for their strategy—without any extra trading fees.

Design

After testing, I chose accordions for benefit limits to give customers viewing control and extended the billing table to include potential shortfall amounts and reasons.

Following discussions with Legal, Compliance and Risk, we amended the copy to provide clarity for users. After further testing and iterating, I explored some additional options which I presented to the stakeholders, and they were approved and carried forward.

Mobile mockup
Mobile mockup
Mobile mockup





The new designs allow customers to intuitively view benefit limits and shortfall amounts in MyAviva's claims section, eliminating the need to contact customer services for assistance.




Wireframes

Results

The new designs have so far had a marked improvement in how users view benefit allowances and shortfall information, and has undoubtedly reduced the amount of contact made with customer services regarding benefit allowances and shortfall amounts.



Mobile mockup
Mobile mockup
Mobile mockup
Mockup

The new “View and update existing claims” card on the make a claim page emphasized to customers that there was a difference between starting a new claim and viewing or updating existing claims. The wording and layout of the make a claim page is also simplified and concise.

Result

The new designs have so far had a marked improvement in how users update existing health insurance claims. This has resulted in an 87% reduction in the creation of duplicate claims.

Results

The redesign led to a significant improvement in user satisfaction and efficiency. After implementing the new flow, user feedback showed a 30% reduction in complaints related to currency conversion fees.

Mockup
Mockup

Once users submit their claim, they receive confirmation that their claim is received, and is being processed.


Results

The new designs had a marked improvement in conversion rates, and an 87% reduction in the amounts of complaints received regarding reward gift cards (within the first six months of the designs being live).

Mobile mockup
Mobile notification banner
Mockup
Mockup
Mobile promo mockup

More Projects 🎉

More Projects 🎉

More Projects 🎉

More Projects 🎉

More Projects 🎉

More Projects 🎉