Natwest

NatWest is a member of the Royal Bank of Scotland Group. There are 5 RBS brands (RBS, UIster Bank, IOS, NatWest and NatWest International). Designing for NatWest first, I then had to create the same features for the different brands

Roles
UI Design

Year
2019/2020

Client
NatWest

NatWest-Thumbnail

Goal
Create a design system
Design different features
Design dark mode
Design a new visual style

I revamped the existing library, while simultaneously working on different features for iPhone, iPad, and Android. Additionally, I had the pleasure of conceptualizing and designing the app's overall aesthetic and the implementation of a dark mode, specifically when the new iOS 13 came out.

NatWest-img-1

The library is user-friendly. You can easily locate symbols and components by browsing the iOS and Android sections, modifying them with overrides, and adapting their size for various devices. Each element retains the authentic style of its respective operating system.

I consistently provide developers with pixel-perfect screens using an 8px grid, keeping them updated through Zeplin or InVision. I also organize everything neatly by creating separate sections for different projects.

NatWest-img-2-1
NatWest-img-11
NatWest-img-12
NatWest-img-13
NatWest-img-3
NatWest-img-4
NatWest-img-5
NatWest-img-6

When iOS 13 was released, we had to address the introduction of the dark mode. The most challenging aspect was ensuring readability on a dark background. To tackle this, I successfully resolved the issue by incorporating varying shades of black and grey with white text, while maintaining the original NatWest colour scheme.

NatWest-img-7

New look and feel

Crafting a user-friendly visual style with a minimalist design that simplifies navigation, delivering essential features to enhance the user's app experience.

NatWest-img-8
NatWest-img-9
NatWest-img-10

Prototype
Using Protopie

These are prototypes illustrating micro-interactions. Additionally, I created more extensive prototypes that experienced user testing to determine which options offered the most user-friendly experience.