Redesigning the Lloyds Bank app with offerings for the Gen Z and Millennials crowd

On this team, I worked as a solo Product Designer and brought people in from time to time for external feedback and brainstorming.
 

Mockup-7

My Role 

Product Designer

Client 

MA Project

Duration 

4 weeks 

What I did

  • POVs & HMWs
  • Brainstorming Workshop
  • Affinity Mapping,
  • Competitive Analysis,
  • User persona,
  • User interview,
  • User journey map,
  • Information Architecture,
  • Component Library,
  • Wireframing,
  • User flows,
  • UI Design
  • Prototyping, and
  • Video Walkthrough

Tools

  • Figma,
  • XD,
  • Quicktime player, and
  • Figjam

Project Background

As part of my Masters in Interaction Media Practice, I was tasked with redesigning Lloyds Bank for the Millennials and Gen Z crowd.

Lloyds-Bank-redesign-big-image2

Image with more information about the features of the mobile app, as supported by research

new2-2

Video Walkthrough

About Lloyds Bank

Lloyds Bank is a financial services group focused on retail and commercial customers – with millions of customers in the UK and a presence in nearly every community.

Design Goals and Objectives

  1. Create the best product offerings for the Gen Z and Millennials market (with their needs & wants) at their finger tips, while serving them the best banking experience tailored for them.
  2. Create a mobile application that is visually appealing to this crowd.
Group-2544

Design thinking

User-persona

User persona

Competitive Analysis

Lloyds Bank was pitched against top challengers and traditional banks to see strengths & weaknesses. This provided me with insights and features that Lloyds Bank might be missing out on.

Competitive-Analysis-2

Competitive Analysis

To understand pain points, I did a User interview, & User journey map 

I interviewed 3 people all aged within the User demographic, 25 - 35 years, based in the UK. They all have at least one current bank account.

Group-2476

User interview insights

Affinity-mapping-1

Affinity mapping

User-journey-map2

User journey mapping

Key insights from the user journey map

  • Use clear and precise messaging about features.
  • Gamify savings and add a Leaderboard.
  • Accessible customer support and chatbot.
  • Millennials and Gen Z-focused product offerings.
  • Aesthetically pleasing interface.
  • Clear next steps for every process.
  • Rewards.
POV-and-HMWs

POVs and HMWs

Idaetion

Brainstorming Workshop

Gathering insights from research

From research, I was able to make decisions concerning features, product offerings, and general outlook of the mobile app.

Features-List

Feature list

Features-to-implement-1

Features that made it to the mobile app

User flow & Wireframes

Using insights from the Feature list, I designed user flow and wireframes.

user-flow

User flow

Wireframes

Wireframes

Component Library and Designing the UI

Then, I proceeded to the UI design.

End-bit-another2

UI Screens

Mockup-4
Mockup-5
Mockup-6
Mockup-3

Conclusion

My key takeaway:

  1. Desk research especially Play Store and Apple Store are great places for user insights and frustrations.

Want to work together?

Get in touch!

Shape1

Designed by Debbie B.

Back to top Arrow
View