Potted Plants

a Better Onboarding Experience

Reimagining

A Human-Centric Approach to a
Digital Transformation
Unbreakable-each-elements-08.png

Project Brief

Client

Key Bank

Role

UX/UI Manager

Industry​

Banking

Project Description

Reimagine an Originations platform for both customers and branch employees that is not only cohesive and intuitive but also designed to cross-promote KeyBank's diverse product lines and services.

Methodology

Agile, Team Management, ADA Compliance, Design Systems, Bootstrap, Creative Direction, User Empathy, Branding

Proposed Goals

To build an Account Originations onboarding flow that could be funded in under 5 minutes.

Screen Shot 2018-03-14 at 8.07.44 AM.png
Unbreakable-each-elements-21.png
Unbreakable-each-elements-18.png
Unbreakable-each-elements-23.png

Design jokes aside - this was the branch-facing interface for KeyBank employees and was a software workhorse, but was long overdue to be put out to pasture and retired. The online customer-facing experience was equally problematic with a high drop-off rate, low conversion rates plus a slurry of negative reviews and customer feedback.

Where We Started

Defining a Process

Employemnt Information.png

ROUND 1 FINDINGS

 

The UX Team conducted six moderated in-person evaluations of the proposed concepts with branch associates and retail customers to evaluate preference and performance in a one-on-one setting. Participants received a scenario description, then interacted on their own with the prototype. Facilitators only asked questions after participants completed a process.

Unbreakable-each-elements-06_edited.png

Most participants preferred the visually led direction, over the more compact component designs. Similar to components, in regards to retention, most of the information areas and terminology had been validated with minor needs for improvement. However, there were a couple of items that had a few more questions:

  1. How branch associates respond to consumer questions about bank processes.

  2. Each branch associate talked about secondary ID verification in different ways. Associates seemed to be very policy-driven and wanted to ensure they are following regulations and compliance.

Unbreakable-each-elements-17.png
AO-OVERDRAFT-02b.jpg

ROUND 2 FINDINGS

 

The Account Originations Team conducted six moderated user tests with six KeyBank branch associates. In these sessions, each participant navigated through a prototype of the updated account origination flow. The goal for this round was to assess component and language updates based upon previous evaluations. 

  1. Knowledge and confidence Associates described the prototype as being a useful tool that would help them share knowledge and competency while gaining their customers’ trust.

  2. Building relationships Associated are focused on building a long-term relationship with the customer that helps them meet the customer’s unique needs. In the usability sessions, banking associates talked about starting the conversation around financial wellness.

  3. Mitigating risk It was important for branch associates to minimize risk for KeyBank, themselves, and the customer. The way they focused on this was through policy training, choosing low-risk methods of information gathering.

  4. Guiding customers During usability sessions, the team observed that branch associates used the content on the screen as a script. Branch Associates noted that the language provided on the screen was natural and conversational.

These findings were consolidated into four user themes:

ROUND 3 FINDINGS

 

To gain tactical insights to inform both the current experience while gathering strategic ideas that will form Phase 2 and 3 of the project, a 29 question survey was created. Leveraging a mix of quantitative and qualitative questions about banking habits with credit cards and home loans provided valuable customer empathy used to gain numerical insights including an understanding about what customers thought about their money.

Unbreakable-each-elements-20.png
Overdraft Consent - Yes.png

Before Design System

DESIGN SYSTEM IMPLEMENTATION

By having a design system in place we were able to rapidly prototype, develop, and collect immediate feedback from our users.

Overdraft_Consent_–_Enabled.png

With Design System

Unbreakable-each-elements-32.png

Delivery Examples

BROWSER-WINDOW_01.jpg
Unbreakable-each-elements-16.png
BROWSER-WINDOW_03.jpg
BROWSER-WINDOW_02.jpg
Unbreakable-each-elements-25.png
Getting Started.png
Unbreakable-each-elements-02.png
Identification.png
Unbreakable-each-elements-11.png