Ronda
01
Project Duration
12 weeks
Designer:
Stanley Nwosu
Ronda is a banking application designed to enhance the experience associated with mobile banking for all kinds of users including Gen Z and older generations.
Ronda
Project Overview
In recent times, the idea of banking for users has evolved at a very swift pace, making it seemingly difficult to keep up with trends, updates and opportunities. Ronda is a mobile banking solution that aims to modify the banking experience of its users. With a simplistic and direct outlook, users will have access to a fast, secure and reliable system that will completely elevate their experience, ushering in a whole new world of mobile banking.
Roles
UX/UI Design
Tools
Qualitative Research (Primarily interviews)
Quantitative Research (Survey, online form)
Problem statement
Project goal
Research data analysis
Empathy map
Identifiy pain points
User personas
User journey
Brianstorming ideas
Task flows
Feature prioriatization
Information architechture
Moodboarding
Sketching
Drawing wireframes
Creating design system
High fidelity visual designs
Prototyping
User testing
The Design Thinking Process
The design thinking process is a step by step pattern that is used to identify a particular need, describe and understand this problem, brainstorm for possible solutions to the challenge, and implement them using important design principles like hierarchy, consistency, accessibility, etc, and appropriate tools to arrive at a desired result which addresses the identified user pain points and enhances their experience. The design process can be broken up into stages: Empathize, Define, Ideate, Prototype & Test. The entire process however, is not limited to these steps as users’ experience will continue to be optimized via testing and iteration and this idealy lasts throughout the lifespan of the solution. Below is a brief out look on how we employed the design process to come up with The Ronda Mobile App; a feasible banking solution that solves the problem identified above.
Iteration is an essential part of the design process that can take place at any stage as the need may be, even after testing. This is because in the world of technology, there are always inventions and better ways of solving problems that must be incorporated in designs if we are to solve real probelms of real users.
Ideate
Prototype
Test
Define
Empathize
Develop a deep
understanding of
the challenge
Clearly articulate
the problem you
want to solve
Brainstorm potential
solutions; select and
develop the solution
Design a prototype
to test all of part of
your solution
Engage in a continuous
short-cycle innovation
process to continually
improve your design
I adopted an iterative design thinking methodology. This means that ideas are developed, tested and refined several times, with weak ideas dropped in the process. Idealy, iteration continues throughout the project’s life span.
Empathize
Define
Ideate
Prototype
Test
03
The Problem
The Goal
Ronda offers a secured and complete digital banking experience that combines the attributes of traditional banking services and personal finance management into one reliable, user-centric platform, with heavy focus on security and simplicity.
It is important to track financial transactions ranging from purchases to business exchanges, and doing so without entering a banking hall. However, the process of using traditional banking apps to complete transactions have left users with bad experiences ranging from complicated app navigation and failed transactions to compromisation of banking details. This makes the users scared to leave banking details online and frustrated at the limitations of banking apps.
04
Ronda
Pain point
1
Uncertainties surrounding security with online payments and transactions.
Pain point
2
Poor beneficiary management before and after transactions are made.
Pain point
4
No proper security gateway when accessing my account and managing subsciptions.
Pain point
3
Little or no help avilable for when trying to resolve transfer errors and related issues.
Identified Pain Points
Next
Ronda
Skip
With our disposable virtual cards, you don’t have to fret about online security. We’ve got you covered!
12:22
05
#8D0CCA
French Violet
#B641DF
75%
#ED9BF9
25%
#D568EF
50%
#F9CCFC
10%
#0CA2D1
Rich Electric Blue
#42C8E3
75%
#9BF8FA
25%
#68E4F1
50%
#CDFCFA
10%
#141414
Black
#FDFDFD
White
#727272
75%
#E7E7E7
25%
#B8B8B8
50%
#F3F3F3
10%
Brand Colors
Brand Shades
Brand Colors & Shades
#78BC0B
Success
#A2D63F
75%
#DFF89A
25%
#C2EA66
50%
#F0FBCC
10%
#FFCC00
Warning
#FFDC3F
75%
#FFF099
25%
#FFE666
50%
#FFF9CC
10%
#D62C46
Danger
#E65D65
75%
#FAB5AB
25%
#F2827F
50%
#FCDDD4
10%
#066CE0
Information
#3F98EC
75%
#99D5FB
25%
#66B6F5
50%
#CCECFD
10%
Denotative Colors
Denotative shades Shades
Denotative Colors & Shades
Colours
Typography
Lato is the only used font throught the kit.
Typeface
Aa
Lato
The quick brown fox jumps over the lazy dog.
1 2 3 4 5 6 7 8 9 0
Style Guide
Visual Components
Style Guide & Visual Components
Iconography (For Developers)
For this project we have used the Phosphor icon set. They’re free and accessible and a plenty of variations are available.
Icons
Ronda
Branding
80 px
80 px
80 px
80 px
80 px
80 px
45°
=
=
+
+
06
High Fidelity Mockup Screens
Onboarding
Registration
Home & Menu Options
Card Variants & Cheque Deposit
These onboarding screens describe a few features present in the Ronda App. The onboarding process gives the you an idea of what the Ronda entails and a snippet of how it addresses your needs.
Registration here shows the alternate paths available for you to take once you come into the app. As a new user, you can sign up with or without BVN, and as a returning user, you can sign in using your password or biometrics.
The home screen directs you to important actions that can be carried out on the app. (You can also choose to edit any of the six card options present here to suit your preferences.) With menu options that point you to other parts of the app, you can navigate the app without complication or stress.
The card variants available on Ronda provide an array of options to help users carry out transactions whichever way they prefer, with utmost emphasis placed on security and ease of use for the channel selected by the user, be it physical, virtual or disposable virtual cards. Users can also deposit cheques right on the app with our cheque deposits feature.
07
