Rubies UK
Website Design
Rubies UK
Website Design
Rubies UK
Website Design
View Live Website
View Live Website
Championing Seamless Transactions for UK Residents: Addressing the Unique Challenges of Immigrants.
Championing Seamless Transactions for UK Residents: Addressing the Unique Challenges of Immigrants.
Overview
Overview
Many UK residents are faced with challenges when sending money to loved ones, although many platforms appear to have come up with some solutions, Rubies UK goes beyond conventional offerings.
This innovative platform not only facilitates seamless money transfers but also introduces a transformative concept—individualized debit cards for diverse financial purposes. Rubies UK stands as a beacon of financial inclusivity.
Many UK residents are faced with challenges when sending money to loved ones, although many platforms appear to have come up with some solutions, Rubies UK goes beyond conventional offerings.
This innovative platform not only facilitates seamless money transfers but also introduces a transformative concept—individualized debit cards for diverse financial purposes. Rubies UK stands as a beacon of financial inclusivity.
Many UK residents are faced with challenges when sending money to loved ones, although many platforms appear to have come up with some solutions, Rubies UK goes beyond conventional offerings.
This innovative platform not only facilitates seamless money transfers but also introduces a transformative concept—individualized debit cards for diverse financial purposes. Rubies UK stands as a beacon of financial inclusivity.
What the client asked
What the client asked
What the client asked
A clean website that displays all the features
Well-mapped-out navigation
Monetization
A clean website that displays all the features
Well-mapped-out navigation
Monetization
Solution
Solution
Solution
An intuitive, clean, and well-architected website was a solution to a great UX
Highlighting the USPs was also a key factor in meeting the business goals
An intuitive, clean, and well-architected website was a solution to a great UX
Highlighting the USPs was also a key factor in meeting the business goals
My Role
My Role
My Role
I was responsible for conducting the UX research, designing wireframes, prototypes, usability testing, and making iterations based on the data collected and synthesizing user goals with business goals.
I was responsible for conducting the UX research, designing wireframes, prototypes, usability testing, and making iterations based on the data collected and synthesizing user goals with business goals.
Approach
Approach
Approach
I had a brief session with the client to understand the business goals, then I used the design thinking process to uncover the user needs while accounting for business goals.
I had a brief session with the client to understand the business goals, then I used the design thinking process to uncover the user needs while accounting for business goals.
Tools Used
Tools Used
Tools Used
Empathize
Empathize
Empathize
Problem Definition
From the research, I was able to define the problem
HMW structure the page to enable users to access most important information easily?
HMW help users in making decision by selecting from the pricing plans available?
Problem Definition
From the research, I was able to define the problem
HMW structure the page to enable users to access most important information easily?
HMW help users in making decision by selecting from the pricing plans available?
Ideation
Ideation
Ideation
Competitors’ Analysis
Competitors’ Analysis
Competitors’ Analysis
I considered;
I considered;
I considered;
Design & Layout
Quick overview of features
Design & Layout
Quick overview of features
Wireframes
Wireframes
Wireframes
I fleshed out wireframes to synthesize the business goals & user needs to give me a clearer vision of what the digital designs should look like
I fleshed out wireframes to synthesize the business goals & user needs to give me a clearer vision of what the digital designs should look like
Mid Fidelity Wireframes
Mid Fidelity Wireframes
Mid Fidelity Wireframes
I proceeded to mid-fidelity prototype to visualize the content placement and refine the flows and interactions.
I proceeded to mid-fidelity prototype to visualize the content placement and refine the flows and interactions.
High Fidelity Design
High Fidelity Design
High Fidelity Design
To get started on this UI, I built a design system to maintain consistency in line with the brand guideline. This helped me to easily make iterations on the whole mockup.
Below are some screens from the design;
To get started on this UI, I built a design system to maintain consistency in line with the brand guideline. This helped me to easily make iterations on the whole mockup.
Below are some screens from the design;
Usability Study & Insights
Usability Study & Insights
Usability Study & Insights
High Fidelity Prototype was tested by asking 9 participants to perform 2 tasks and respond to 2 follow-up questions on Maze.
High Fidelity Prototype was tested by asking 9 participants to perform 2 tasks and respond to 2 follow-up questions on Maze.
Although, there were no major usability issues but I noticed that the testers spent an average of 24.6 seconds on the landing page;
Although, there were no major usability issues but I noticed that the testers spent an average of 24.6 seconds on the landing page;
I analyzed this situation and uncovered a solution;
To capture testers' attention, I placed core features in the hero section and animated it to open as they scrolled. Research showed animations effectively grab and retain attention.
I analyzed this situation and uncovered a solution;
To capture testers' attention, I placed core features in the hero section and animated it to open as they scrolled. Research showed animations effectively grab and retain attention.
Synthesizing User Needs with Business Goals
Synthesizing User Needs with Business Goals
Synthesizing User Needs with Business Goals
To help save time in decision-making, I highlighted the benefits of each plans in different cards and placed more emphasis on the plan that would enable them to access multiple cards and by so doing help the business achieve its goal of generating revenue
To help save time in decision-making, I highlighted the benefits of each plans in different cards and placed more emphasis on the plan that would enable them to access multiple cards and by so doing help the business achieve its goal of generating revenue
Reflections
Reflections
Reflections
Working on this project reinforced my belief in the importance of conducting research and usability testing.
The research helped me in structuring the design according to the UK standard and
The usability Test helped me identify ways to improve the experience of the website.