MEHAK QURESHI
MEHAK QURESHI
Screen Shot 2022 05 11 at 3.28 1.png
Image 61 1.png

Overview

Zelle® offers a swift, secure, and straightforward method to transfer money between various U.S. bank accounts. Despite its advantages, several user experience challenges needed addressing.

Problem statement

  1.  Non-responsive card section affecting mobile users.
  2. Outdated visual design causing negative impressions.
  3. Slow loading speed and poor image quality.
  4. Confusing user journey and unclear points of contact.
Image 35.png
Image 60 1.png

Solutions Implemented

1. Prioritized mobile-responsive design elements.

2. Improved legibility through size, contrast, color, and font adjustments.

3. Reduced external scripts and plugins for better performance.

Legibility factors include:

  • Size
  • Contrast
  • Color
  • Font Style
  • Background

Readability Includes:

  • Formatting
  • Language
  • Writing style

Project Timeline

Group 164675 1.png

Usability Testing Insights

Users expressed dissatisfaction with the chat feature, login issues, slow response rates, and technical glitches.

Recommendations included enhancing chat functionality, optimizing login features, and improving payment transparency.

Image 160.png

UX Audit

User surveys revealed positive feedback on the updated website design, emphasizing professionalism and ease of navigation. However, concerns about slow loading times and intrusive pop-ups were noted.

Question:
How satisfy are you with this new website design?

Jeff Said:
We have been very happy with new website! It looks professional and very easy to navigate. You handle things very efficiently and are available for any questions we have.

Frame 2608927.png
Frame 2608927 1.png

Question:
What kind of device do you use the most to access websites?

Brain Said:
I spend too much time browsing the internet. I have an iPhone and a Fire Tablet that I use mainly. It seems we are moving toward a future in which our smartphones will be our only connection to the internet

Question:
What kind of difficulties do you face while browsing website?

Martin Said:
Some websites loading time is too slow, When i browse something, I am facing an irritating popups with bad color combination and designs. Unnecessary count down timer for downloading and loading of pages.

Frame 2608927 2.png
Frame 2608927 3.png

Question:
What are your thoughts on our new website?

Steve Said:
I honestly wouldn’t spend more than 5 seconds looking at your old website. It doesn’t seem professional or informative. But now, your new website really looks nice with good relevant content.

Question:
What calls to action do you want on our website?

Jenifer Said:
Calls to action are requests you give your audience to perform a particular action. You put all of these on a right place.

Frame 2608927 4.png

Usability Heuristics

Image 140.png

User Control & Freedom:

User can Cancel a download before it completes.

Image 140 2.png

Consistency & Standards:

We maintain the consistency in our all design.

Image 140 1.png

Flexibility and Efficiency of Use:

We speed up the interaction for the expert user.

Image 140 3.png

Minimalistic:

We are Providing only necessary information in an elegant way.

Image 140 4.png

Visibility of System Status:

Navigation menu items set to underline when a user hovers over them.

Image 140 5.png

Help Users:

We are using toggle options to guide user.

Persona 1: John Smith

Name

John Smith

Occupation

Self-employed

Demographic

34 years old, lives in New York. Married with a 2-year-old child, has a middle-income level. He changed his occupation 3 years ago after getting married.

John’s Story

John was working for a global company and did not have much leisure time as his work was taking too much time. So, to start a family, he decided to quit his job and invest his savings in a bookshop, which has been his dream since his university years. All he wants to do is be able to maintain his bookshop.

User Test

Needs
Improved design should be scale according to mobile trend and they should rewrite the information and detail in a proper way and try to fix all bugs.

Pain points
Actual Information is missing. App is too old and is not proper scale according to mobile view. I am facing some payment issues and app crashes.

Image 58.png
Group 164700.png
Frame 2608909.png
Frame 2608901.png
Frame 2608900.png
Frame 2608902.png

Participant Demographics

Group 164704.png

Design Process

Image 38.png

Zelle Old Illustrations

Group 163940 1.png

Logo Design

Logo and colors must present the bank as trustworthy and professional. A logo is the heart and soul of your bank, the image that differentiates you from other financial institutions.
Frame 2608917.png
Frame 163992.png

Minimum Size

The registered trademark symbol should be on the logo every time used. The relationship between the a and the logo is relative in order to maintain legibility in all sizes. Thee scale separately from the logo when it appears smaller than 60 px tall. At sizes smaller than 60 px tall, the will always be 5 px tall. At sizes larger than 60px, (this ratio is reflected in the standard logo files available to employees and partners).
Group 164518.png

Used Color Palette

Group 163947.png

Zelle Colors

Group 163942.svg

Zelle Logo

Screen Shot 2022 05 11 at 3.26 1.svg

Zelle® is a fast, safe and easy

Way to send money directly between almost any checking or savings accounts in the U.S., typically within minutes’. With just an email address or U.S. mobile phone number, you can send money to people you trust, regardless of where they bank.
Image 5 1 1.png
Group 1 90.png

Zelle Final Illustrations

Group 164509.png

Zelle Insight Cards

Use anywhere, It is accepted to make in-store, online and phone purchases.
Group 164510.png

Zelle Insight Cards

Mobile View
Widgets.png

Zelle Widgets

Widgets can be added to your phone’s home as a quick way to access certain information from apps without having to open the app itself.
Widget 2.png

THANK YOU FOR WATCHING

Have a project? Please inbox us.