LINE_White

Case Study

Lloyds Bank Integration of SCA across the Commercial Servicing product and services.

2017 - Lloyds Bank

How can we designers improve and implement a secure, compliant payment feature in existing financial user journeys for our commercial customers without harming the current experience?

Taking responsibility for the team and the overall proposition is the key to success.

LINE_Red

This proposition defines three areas of expertise. First – translate existing code to new MCA (Modular Cloud Architecture) code-base. Second – update all components to the new Constellation Design System. Third – cooperating and validating a new design model across the central and peripheral teams.

This was a practical illustration showing that collaboration between three disparate parts of the business can bring significant value to our Lloyds Bank customers.
Design operation plays a vital role in the overall product delivery and proved to be indefectible in speed to integrate FCA regulation across all our commercial products.

LINE_Red

Theory

SCA Functionality
Explained.

LINE_Grey

Details

Strong Customer Authentication (SCA) is a form of two-factor authentication designed to identify customers using specific rules around what constitutes ‘authentication’.

SCA is part of the second Payment Services Directive (PSD2), designed by the European Union. It revolutionised the payments industry, affecting everything from the way we pay online to what information we see when making a payment.

SCA_PSD
FURNITURE_Light
LINE_Red

Theory

SCA and
Triple ‘A’
.

AAA is a term used concerning information and online security. It refers to the following:

Authentication

LINE_Red

the process of verifying an individual or agent is who they claim to be

Authorisation

LINE_Red

the process of verifying the individual or agent has the right to access a given service or information

Accounting

LINE_Red

(sometimes referred to as ‘audit’) - the process of capturing all interactions an individual or agent has with protected services or information

FURNITURE_Light
LINE_Red

Approach

General Principle
of Authentication
.

LINE_Grey

Detail

The authentication principle is based on the premise of user situation and interaction.

Something I …

SCA_Authentication
LINE_Red

Design Principles 

The Experience Strategy
and Behavioural Principles
.

LINE_Grey

Aspiration

Setting robust Experience Design Principles helps us align thinking and action across the different teams objectively. These are progressive principles that drive, measure and educate the team across a wide range of touchpoints.

01

Simplicity & Accessibility

LINE_Red

Keep it simple and easy.

SCA_Principle_01

02

Onboarding & Education 

LINE_Red

Guide me towards autonomy.

SCA_Principle_02

03

Context & Intelligence

LINE_Red

Empower my confidence.

SCA_Principle_03

04

Ownership & Security

LINE_Red

Manage my risk.

SCA_Principle_04
LINE_Grey

Result

While introducing a new authentication infrastructure, out team have to create a persistent and accessible history of all interactions alongside building a customer profile repository.
Categorised impacted journeys across all channels and identified effective authentication methods that suit all possible 83 user scenarios.

FURNITURE_Light
LINE_Red

Impact 

The Proposition
Implementation Principle
.

SCA_Principles
FURNITURE_Light
LINE_Red

Why

Digital
Self-Serve.

SCA_DSS_Hero_IMG
LINE_Red

Challenge

To integrate the proposition across 30+ active Commercial Banking journeys, we had to find a way of aligning all components in one single ecosystem. To bring the team up to speed, we had to synchronise our thinking and expectation from delivery. "The Power of One" helped us establish one language, one location, one team, and one product– philosophy for all 2k+ financial components.

SCA_Deck-1
LINE_Red

Feature

Fast
Payments
.

LINE_Red

Approach

Fast payments became the first journey we tested with our propositions. The front-end team quickly replicated the current user-journeys, and from this, we started extracting the necessary information crucial to our future design challenges. 

SCA_FastPayment
FURNITURE_Dark
LINE_Red

Feature

New and Existing
Beneficiaries.

LINE_Red

Experience

First, we separated beneficiary journeys (new and existing). This way, we knew where the SCA integration should appear. 

SCA_Beneficiary
LINE_Red

Result

The Unified Design Framework (UDF) team helped us standardise the proposition and bring all our 30+ scenarios into one visual ecosystem. With the help of our central UDF team, we sped up our design delivery by approximately 37%.

FURNITURE_Dark
LINE_Red

Component Library

The overlays interaction and decision making.

Overlay_Left
LINE_Red

Impact

Managing a significant amount of data in an overlay has an impact on how the data going to be handled. Our team had to drastically optimise our components so that we can concentrate on loading customer information instead of fancy UI.

Overlay_Top
Overlay_Center
LINE_Red

Constellation 

Constellation in this respect helped us to set the basics and our contribution brought a simplified complexity that Constellation lacked. By collaborating we bright the best of both teams together – a robust design ecosystem and well functioning product that can scale at any time.

SCA_Components
LINE_Red

Tribal Leadrship 

The following components board shows a fraction of our design framework. Once the basics were established we can move on to variants and specific scenarios.

By constructing details this way both teams can work in tandem and gain the advantage of supporting each other with the design outputs

LINE_Red

Feature

Multi
Payments
.

LINE_Red

Approach

Multi Payments was the oldest feature in the system. That’s why it needed to be worked from the ground up.
The current state compress the data in the lefthand column, and the user had difficulties understanding the interaction flow. After several prototypes and testing with the development team, we agreed on a proposition. We have saved 20% of the budget and three weeks of time for our customers by speeding up the journey release by 2 months.

SCA_MP
FURNITURE_Dark
LINE_Red

Feature

Standing
Orders
.

LINE_Red

Approach

Standing orders are one of the most common financial features used by banking. against industry-standard out team proved to give the best experience for Standing Orders through extensive customer testing and ongoing validation.

SCA_SO
FURNITURE_Dark
DIVIDER_White
LINE_Red

Why

Product Design Delivery at Scale.

ARROW_L_Magenta
LINE_4COL_Red

Method 

Design
Methods.

2000 - 2022

LINE_White

Confluence

The Customer Experience team together with talented BAs created Design Hubs where we shared all information. The hubs allowed us to collect our High-Level Requirements (HLRs), User Acceptance Criteria (UAC), System-Level Requirements (SLRs), as well as the design prototypes and all their iterations. An easily trackable and sharable environment allowed us to move faster and smarter. 

confluence
LINE_4COL_Red

Twenty yeras in making

20+

jira
LINE_White

Jira

Atlassian's JIRA helped me organise work across the three teams and 30+ projects. Together with CSM® and powerful Jira Query Language (JQL), we created dashboards that operated and informed stakeholders about the current situation, velocity and how we were delivering value to the business.

FURNITURE_Dark
LINE_3COL_Red

People

SCA Product Team.

2018-2019

LBG_People_Mike
LINE_White

Mike I.

CPO®

LBG_People_Lucy
LINE_White

Lucy Mc.

Programme Lead

LBG_People_Rahul
LINE_White

Rahul G.

Delivery Lead

LBG_People_Shiva
LINE_White

Shiva K.

Lead Engineer

LBG_People_Jiri
LINE_White

Jiri M.

CX Lead

LBG_People_JamesR
LINE_White

James R.

Programme CPO®

LBG_People_Alex
LINE_White

Alex K.

Copy Lead

LBG_People_Prashant
LINE_White

Prashant P.

BA Lead

LBG_People_Nicolas
LINE_White

Nicolas Ch.

UI Designer

LBG_People_Adrian
LINE_White

Adrian J.

Senior UI Designer

LBG_People_Cristine
LINE_White

Cristine V.

Copywriter

LBG_People_Narayanan
LINE_White

Narayanan P.

QA Lead

LINE_Red

Impact

Impact of the design and Design Ops. on the Product Delivery.

Overall
Budget.

LINE_Red

5m

The overall budget estimated with teams involved in FCA integration related to strong customer authentication in Commercial Servicing

DaS™ saved across
the proposition.

LINE_Red

390k

DaS™ implementation saved on operational and management costs as we don’t need to spend the time on additional reporting due to automate data management and team integration across the transformation programme.  

Impact on
the business.

LINE_Red

7,8%

Overall saving of the project, including team cost, operation, development and integration, was exactly 7.8% 

* All my teams operate on a simple family model. Across the multicultural and multidiscipline teams, we all have families and understand our roles – translating that correctly to the team makes a significant difference to the tribe and their outcomes.

Say Hi!

Get in touch whether you want to talk about a new project, collaboration or just to have a chat.

* All brands and trademarks presented on GIVE™ are owned by their relevant companies or agencies. These projects represent collaborations between designers, developers and product owners. Do not copy or publish any of the projects shown here without approval from givetm.co and/or relevant companies and agencies.

Back to top Arrow