Lloyds Bank

*

Mobile Banking

*

Lloyds Bank * Mobile Banking *

2017

Lloyds Bank

Mobile Banking

It was clear that customers could not fulfil all of their banking needs through current app. Lloyds recognised that they need to meet their customers wherever and whenever they are today, whilst creating a seamless clutter free experience that they would love. To do this the basics needed to be done right by ensuring features were easily discoverable – something that wasn’t straight forward with the bloated IA of the app at the time.

The vision was taken through 10 sprints to fully define the new structure, navigation, features and visual design of the app.

Made with the team at Designit

Role

Product designer

Team

Product owner
Product designer
Visual designer
Business Analyst
Copywriter
Researcher 

Scope

  • Home screen and navigation

  • Statements and actions sheet

  • Payment hub

  • Products

  • Help & support

  • Single products

  • Card controls & loyalty

  • Homescreen refinement

  • Brand differentiation

  • Design system

Sprint structure

Expert talks

Internal and external stakeholders were invited to share their knowledge of the problem area the sprint was solving

Sketching rounds

Concepts were rapidly generated and sketched. Sprint goals and experience principles were used to ensure the problem we were designing for was always kept at the front of our mind.

Guerilla testing

Sketches are tested with users in the public. Venues used ranged from bank branches, parks and the sidewalk.

Stakeholder sessions

Refined sketches are played back to stakeholders to agree and align on design direction to be taken forwar

Detailed design

Agreed design direction is taken from sketches to high fidelity visual design

User testing

Principle & Invision prototypes are produced from designs to test with users

Refinement week

Applying learnings from user testing to designs and developing a robust set of designs and feed back into the prototype

Outcomes

32
Sketch rounds

10
Rounds of user testing & prototypes

8
Defined user journeys

2
Fully interactive prototypes

2
Board presentations

Concept

Final Design

Simple spending insights
with clear account balances

High level account information
& insights

 

Transactions clearly displayed with merchant logos for easy identification

 

Transaction details show location and historical spend

 

Discover products based on scenarios contextual to customers

 

Streamlined approval processes for select products

 

Progressive disclosure focuses the user whilst moving money

 

Simple card controls for enhanced security and peace of mind

Back to the work

Back to the work ←