Zafin US Bank

Zafin bring an offer to keep our customers through higher interest rates. Creates one consistent view of product information across all channels (including deposit account interest rate disclosures and offer terms and conditions)

Zafin US Bank

Zafin bring an offer to keep our customers through higher interest rates. Creates one consistent view of product information across all channels (including deposit account interest rate disclosures and offer terms and conditions)

Overview

  • Week 1 Research and Discovery.
  • Week 2: Define Requirements and User Stories
  • Week 3: Conceptual Design
  • Week 4: Iterative Design and Testing
  • Week 5: Visual Design
  • Week 6 Implementation and Development
  • Week 7: Launch and Post-Launch Activities
  • Week 8: Continuous Improvement

What is Zafin?

Considering We CD’s & its interest rates, the current rate of Interest are generally provided by the bank based on the zip code (where the customer is living). Whereas for Zafin, its a 3rd party system, It provides the Rate of Interest based on the customer’s profile, not based on zip code.

How ZAFIN helps US Bank with Interest rates based on Individual’s profile?

Zafin will receive all the details available in bank about the customer (like Credit score, address, amount n bank how long the account is present etc). Based on the details provided by US Bank to Zaflin, profiling will be done at the customer level data, gets validated and the interest rates are provided.

What we do?

This project Is all about, how the data Is Shared by US Bank to Zafin, periodic basis.

Scope

  • We make it more user friendly interface and clear instructions for even non-tech-savvy users.
  • Streamlining the app's design for intuitive navigation and easy access to key features.
  • Performance optimization: Addressing technical issues to ensure smooth operation, fast loading times, and reliable functionality.

Problem Statement

  • Text size and alignment issues in responsive design
  • Congested text found with readability issue
  • Not able to use the tab, arrow, and enter keys
  • Alt text is missing
  • Unclear visual hierarchy
  • Quick tasks has limited options.
  • Recent transaction lists have few rows.
  • The view balance bounce offer link is missing.
  • Cluttered or complicated UI

Competitors

Process

Discovery

  • Understand user
  • Understand current process
  • Collect existing user feedback

Design

  • Reduce navigation links from 4 to 1
  • 1 screen for entire process
    Add dashboard notifications
  • Use Shield components

Alignment

  • Preview design with product
  • Ensure base requirements met
  • Determine scenarios for user research

Research

  • Observe research sessions
  • Evaluate feedback
  • Determine design adjustments needed

Discovery

  • Understand user
  • Understand current process
  • Collect existing user feedback

Design

  • Reduce navigation links from 4 to 1
  • 1 screen for entire process
    Add dashboard notifications
  • Use Shield components

Alignment

  • Preview design with product
  • Ensure base requirements met
  • Determine scenarios for user research

Research

  • Observe research sessions
  • Evaluate feedback
  • Determine design adjustments needed

Old UI Screens

  • Inefficiency: The old UI might require more steps or clicks to complete tasks compared to a streamlined new design.
  • Limited functionality: Newer features or functionalities might not be present in the old UI, hindering user experience.
  • Outdated design: The UI might look dated and lack the visual appeal of a modern design.

New UI Screens

  • Modern design: A fresh look can improve user engagement and create a more positive brand image.
  • Enhanced functionality: New features or functionalities can be introduced, catering to evolving user needs and offering a more comprehensive experience.
  • Improved efficiency: A redesigned UI might streamline workflows, allowing users to complete tasks with fewer steps and in less time.

User Problem

Ideation/ Mind Mapping

A diagram used to represent words, ideas, tasks, or other items linked to and arranged around a central key word or idea.

Ideation/ Mind Mapping

Objective

The objectives of the system are to lower transaction costs, reduce risk and provide liquidity.

Existing Problem

  • Text alignment issues
  • Congested text found with readability issue
  • Not able to use the tab, arrow, and enter keys
  •  Alt text is missing
  • Unclear visual hierarchy

Competitors

U.S. Bank competitors include PNC, Wells Fargo, Bank of America, M&T Bank and BB&T Corporation.

Research

We have included two or more sections in recent transactions, shortcuts and pay activity.

Reusability

We reuse shortcut options, card views, spacing and fonts.

Objective

The objectives of the system are to lower transaction costs, reduce risk, and provide liquidity.

Competitors

U.S. Bank competitors include PNC, Wells Fargo, Bank of America, M&T Bank and BB&T Corporation.

Existing Problem

Progress tracker is not working. Offers is not updating. Recent transactions are not properly update sometime. Quick tasks has limited options.

Research

The product catalog will require connectivity between Zafin and U.S. Bank.
  • Text visibility is too small in old screens.
  • Lack of readable typography and placements.
  • And old UI is also a major issue.

Research

The product catalog will require connectivity between Zafin and U.S. Bank.
  • We have included two sections in recent transactions. Pending and completed.
  • View bill pay activity is a good option to add in pay bill column.
  • Its easy to manage shortcuts for instant pay and quick services.

Reusability

Design based on what already works.
  • Pending transaction status.
  • We reuse shortcut options
  • Existing icons also included in new design
  • Card view is a part of our design pattern so we reuse it.
  • We reuse buttons from our existing design system.
  • Existing tables and colors that we have use again in our new design.

User Flow

Low Fidelity Mockups

High Fidelity proposed designs

User Testing

To understand the views of other users about this part, I’ve collected data from the users.

thank you

To Connect with Us.