Screen Shot 2018-09-12 at 2.49.08 PM.png

GLOBAL BANK DIGITAL EXPERIENCE REDESIGN

 

GLOBAL BANK DIGITAL EXPERIENCE REDESIGN

Team:  |  Duration: 12 weeks  | Read time: 10 min. 

*Since this is a confidential client project, information put on here is brief and occasionally blurred out. Connect with me to know more in detail!

 
 
Image1.png
 
 

THE PROBLEM

Across the brand, digital sites had developed organically and were not aligned to a common and centralized strategy or infrastructure. The variation in sites resulted in fragmented customer experiences, navigation challenges, and inconsistent messaging on brand and value proposition.

The business needed to:

  • Define a unified experience that expresses the brand’s International offerings

  • Identify a common design system to build solid architecture from

  • Develop standards for experience architecture within individual domains

  • Develop an implementation plan to illustrate how to achieve architectural goals

 

THE PROCESS

Role

I was the lead UX Designer on this project and my role involved everything from discovery to testing, whilst collaborating closely with our UX Director, Project Manager, Product Owner and client team. 

Discovery

Current State Analysis and Best-In-Class Examples

We first reviewed the current state of 12 existing digital properties - specifically in areas related to layout and structure, brand messaging, and visual design - to determine what is working well, what could be improved, and to lay the groundwork for any additional work streams. We also reviewed key competitors and provided best-in-class examples to help understand who is already doing a good job out there.

 
  Snippet of current state audit with callouts

Snippet of current state audit with callouts

    Snippet of best-in-class examples and competitor analysis

Snippet of best-in-class examples and competitor analysis

 

Stakeholder Interviews

We synthesized learnings from over 35 stakeholder interviews via direct feedback into initial business, technical and user requirements and created an interview guide to understand user and business needs. We finally compiled all the feedback and drew out insights followed by design recommendations.

 

Sitemap to Define Templates and Components

Inconsistency in the existing architecture needed to be streamlined since there were many similar page structures among the 12 sites that were not following a template. Creating a sitemap defined how all the different properties could be consolidated to form one cohesive structure in the form of a defined set of templates and components.

 
Image 4.png
 
 

Global profiles

Based on research conducted by our team and the client team, we created 4 user profiles based on professionals who potentially use global banking services to conduct their businesses. This included an intense whiteboarding session during which we identified their goals, needs and tasks to help us inform our strategy and create features and functionality based on that.

 
  4 global profiles that identified the needs, tasks, strategy and features/functions for potential users

4 global profiles that identified the needs, tasks, strategy and features/functions for potential users

 
 

Scenarios 

Using the global profiles, we created 4 scenarios to understand how potential users would go about using the consolidated site to reach their goals. This helped us visualize the different entry points and features required to cater to users with varying needs.

 
 
Image 6.png
 
 

Iterative Design and Testing

Since we had to consolidate around 12 sites into one global structure, our approach was to design the templates that we identified via the sitemap. Once the templates were designed, they would provide a foundational structure for individual pages to follow based on which template they belonged to.

Wireframes

In this iteration, we designed based on information we got from the discovery phase. We created templates for the landing page, product page, product detail page, industry-specific page, region-specific page and a solution-specific page.

 

User testing

We recruited 10 participants who aligned very closely to the potential users and used a testing platform to conduct 60-minute semi-structured interviews and prototype review with each recruit. Each interview had one interviewer and multiple note-takers. Testing helped us understand their experience and banking needs, following which we had them interact with our prototype and think aloud as they clicked through. We asked open-ended follow up questions about their overall experience with the design.

 

User Testing Analysis and Findings Report

All the notes were shared across the team and consolidated into one document. The notes were scanned and grouped into high-level themes according to the similarity and frequency in types of content.

At a high level, some of the themes included:

  • Getting users to their goal quickly

  • Increasing the number of testimonials and proof points

  • Enabling users to get in touch with an expert really quickly

  • Tailoring the experience for both big and small businesses

  • Need for a stronger value proposition

  • Personalizing the experience to make it easier for users to find information

 

Final template designs

After synthesizing user feedback using the themes and quotations from our interviews, we updated our designs accordingly to reflect that. 

 

Packaging and final delivery

We handed off the templates in the form of a template and component library that could be used as a toolkit by the client team to pull different items from, as and when relevant. This included templates with annotations as well as components with their different versions based on how they need to be used.

 
  Snippet of the template and component library

Snippet of the template and component library

 
 

FINAL THOUGHTS

In this timeframe, we managed to:

  • Streamline the architecture from 12 individual sites to 1 structure using templates and components.

  • Understand what potential users want and why and design in a highly human-centered manner.

  • Make doing business with the brand easier for customers in the future.

  • Make the design and experience consistent, responsive and modular such that it is easy to implement and update.

  • Strike a great client relationship and build trust in a manner that they brought us on board for the next phase as well.