VizyPay · Financial Technology
VizyPay · Financial Technology
Improving user experience, conversion and users' satisfaction through user experience redesign
Improving user experience, conversion and users' satisfaction through user experience redesign
Improving user experience, conversion and users' satisfaction through user experience redesign
Client
Client
VizyPay
VizyPay
Timeline
Timeline
4 Weeks
4 Weeks
Platform
Platform
Web
Web
Team & Role
Team & Role
Okei Joseph: UX Strategy, UI/UX design, Interaction Design
Okei Joseph: UX Strategy, UI/UX design, Interaction Design
About the Project
About the Project
This is a VizyPay website redesign case study. VizyPay is a payment processing solution created to help small businesses.
This is a VizyPay website redesign case study. VizyPay is a payment processing solution created to help small businesses.
The problem
The problem
VizyPay offers a transparent pricing, personalised customer support and innovative credit card payment solution for businesses.
However, their current website vizypay.com isn’t reflective of their exceptional services especially because of inconsistent layout, outdated design assets, unoptimised website ux copy, generic branding, ineffective call-to-actions.
VizyPay offers a transparent pricing, personalised customer support and innovative credit card payment solution for businesses.
However, their current website vizypay.com isn’t reflective of their exceptional services especially because of inconsistent layout, outdated design assets, unoptimised website ux copy, generic branding, ineffective call-to-actions.
The goal
The goal
The goal is to improve user experience, drive conversion and generally enhance user satisfaction, reigniting the commitment to community and credibility. How? Before that lets dig more into the problem…
The goal is to improve user experience, drive conversion and generally enhance user satisfaction, reigniting the commitment to community and credibility. How? Before that lets dig more into the problem…
DIGGING INTO THE PROBLEM
DIGGING INTO THE PROBLEM
Establishing facts that validate the problem
Establishing facts that validate the problem
I'll analyse the website layout, design assets, content, accessibility and most importantly the ease of achieving set out tasks on the website by users.
I'll analyse the website layout, design assets, content, accessibility and most importantly the ease of achieving set out tasks on the website by users.
Methodology
Website Audit
Website Audit
Redundant Call-To-Action
Redundant Call-To-Action
“Learn more” suggests and caters to getting information about VizyPay. However, existing users might find the CTA redundant, as they are already familiar with the service.
“Learn more” suggests and caters to getting information about VizyPay. However, existing users might find the CTA redundant, as they are already familiar with the service.
Outdated group photo editing
Outdated group photo editing
This issue may not have a direct impact on users, but it could affect the website's overall credibility and perception. Users might question the website's relevance and reliability
This issue may not have a direct impact on users, but it could affect the website's overall credibility and perception. Users might question the website's relevance and reliability
Inconsistent layout
Inconsistent layout
This section of the webpage for desktop has a irregular pattern and could lead to a confusing experience.
This section of the webpage for desktop has a irregular pattern and could lead to a confusing experience.
Navigation button is hidden and unintuitive
Navigation button is hidden and unintuitive
Especially with the circled section before the arrow button in desktop
Especially with the circled section before the arrow button in desktop
Misleading and Discrepant Call-To-Action
Misleading and Discrepant Call-To-Action
Since the leading verb says “join” the “learn more” CTA button is misleading & confusing to the users.
Since the leading verb says “join” the “learn more” CTA button is misleading & confusing to the users.
Text and Button Misalignment
Text and Button Misalignment
Text has a centre alignment while button has a left alignment. This can make the website look unprofessional and may affect the user's perception of the website's quality and trustworthiness.
Text has a centre alignment while button has a left alignment. This can make the website look unprofessional and may affect the user's perception of the website's quality and trustworthiness.
Unnecessary extra click
Unnecessary extra click
Users prefer easily accessible information but this extra click(s) may affect their decision-making process
Users prefer easily accessible information but this extra click(s) may affect their decision-making process
Lack of call-to-action
Lack of call-to-action
After seeing these great pricing options, what next? Not providing a clear next step after presenting pricing options could result in user indecision and drop-offs. Users may leave the site without taking any action.
After seeing these great pricing options, what next? Not providing a clear next step after presenting pricing options could result in user indecision and drop-offs. Users may leave the site without taking any action.
Wasted Interface Real Estate
Wasted Interface Real Estate
No obvious layout pattern in the footer
No obvious layout pattern in the footer
Hover state of navigation is inaccessible
Hover state of navigation is inaccessible
💡Collectively, these issues have the potential to negatively impact users by creating confusion, frustration, and a suboptimal user experience.
💡Collectively, these issues have the potential to negatively impact users by creating confusion, frustration, and a suboptimal user experience.
Addressing these problems is essential for improving the website's usability, accessibility, and overall user satisfaction.
Addressing these problems is essential for improving the website's usability, accessibility, and overall user satisfaction.
Design system
Design system
Premium Perceptions: Driving Value at first sight
Premium Perceptions: Driving Value at first sight
To effectively solve the highlighted flaws in the current website with a redesign, I started out by creating a designing style guide.
To effectively solve the highlighted flaws in the current website with a redesign, I started out by creating a designing style guide.
Color
Color
typography
typography
A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z
Manrope
Manrope
Manrope
Manrope
Manrope
Manrope
"Your brand is what other people say about you when you're not in the room"
"Your brand is what other people say about you when you're not in the room"
- Jeff Bezos
- Jeff Bezos
UI/UX DESIGN
UI/UX DESIGN
Crafting Delightful User Experiences
Crafting Delightful User Experiences
“Get started” caters to existing users with knowledge about VizyPay already and “Learn more” caters to new users with no previous knowledge. This increases conversion and customer satisfaction as users save time to perform task. The bespoke graphics illustrates customer support system and innovative product performance analytics.
“Get started” caters to existing users with knowledge about VizyPay already and “Learn more” caters to new users with no previous knowledge. This increases conversion and customer satisfaction as users save time to perform task. The bespoke graphics illustrates customer support system and innovative product performance analytics.
Sectioned and simplified pitch about the cores of VizyPay and it’s commitment to small businesses.
Sectioned and simplified pitch about the cores of VizyPay and it’s commitment to small businesses.
Small businesses are happy to use Vizypay.
Small businesses are happy to use Vizypay.
Check out real life success stories,
be inspired to Grow Your Business with VizyPay
Check out real life success stories, be inspired to Grow Your Business with VizyPay
Simplified & flexible. Pick your plan. Start growing.
Simplified & flexible. Pick your plan. Start growing.
Design preview
Design preview
Design preview
Conclusion
Conclusion
Nothing is a coincidence. Embrace the future now.
Nothing is a coincidence. Embracing the future now.
This redesign features strategic CTAs, intuitive page sectioning/layout, optimized copy and overall visually appealing design, leading to improved user experience, more conversion and enhanced user satisfaction
This redesign features strategic CTAs, intuitive page sectioning/layout, optimized copy and overall visually appealing design, leading to improved user experience, more conversion and enhanced user satisfaction
Thank you for viewing VizyPay Redesign. You'll love the next project →
Thank you for viewing VizyPay Redesign. You'll love the next project →
Biz hive · Financial Technology
Digitalising Onboarding and Account Mandating for Business Bankers
Planta · Product design
Planta exploration, purchase and management, powered by AR & AI
View project
more projects completed
on behance
Biz Hive · Financial Technology
Digitalising Onboarding and Account Mandating for Business Bankers
Planta · Product design
Planta exploration, purchase and management, powered by AR & AI
View project
more projects completed on behance
Driving growth for Early Stage and Series A Enterprises through Research, Strategy and Design. Do you have a question, an idea, or a project you need help with? Send an email.
Designed and developed by Okei Joseph with 🥤 & 🍔
Copyright © 2024 Okei Joseph. All rights reserved.
Driving growth for Early Stage and Series A Enterprises through Research, Strategy and Design. Do you have a question, an idea, or a project you need help with? Send an email.
Designed and developed by Okei Joseph with 🥤 & 🍔
Copyright © 2024 Okei Joseph. All rights reserved.
Driving growth for Early Stage and Series A Enterprises through Research, Strategy and Design. Do you have a question, an idea, or a project you need help with? Send an email.
Designed and developed by Okei Joseph with 🥤 & 🍔
Copyright © 2024 Okei Joseph. All rights reserved.