UI/UX Case Study: LLoyd's Bank

I recently analysed the UI/UX design of Lloyds Bank's website.

Video: https://youtu.be/gmABVFNIAJA

-

Key takeaways:

1. Use images to evoke emotions associated with the outcome you’re selling.

E.g., mortgage with _home_.

-

2. Align images with target demographic. Relatable but aspirational.

E.g, young, optimistic people in appealing settings.

-

3. Signal reliability with symbols and font choice.

E.g., Lloyds’ logo, serif font = authority, stability, trustworthiness.

-

4. Use colour psychology.

E.g., green = stability, growth, and tranquillity.

-

5. Good rhetoric in text. Focus on outcomes as the products. Conversational language humanizes the sales pitch.

E.g., home, comfort, belonging; your, you.

-

6. Show scope and successes to establish credibility

E.g., list services, show customer numbers.

-

7. Embed helpfulness in design

E.g., prominent support sections, friendly icons, showcasing app interface

-

8. No surprises

E.g, rounded buttons, arrows, one main CTA