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

Cleaning and improving the existing library, Worked on a variety of projects for iPhone, iPad and Android. I also had the pleasure to design different concepts for the new look and feel of the app and the dark mode, for the new iOS 13.

NatWest-img-1

The library is easy to use. You can find symbols and components by navigating through iOS and Android sections, editing them using overrides and resizing them for different devices. Each of them maintains the relative native style of the operative system.

Using the 8px grid I always deliver pixel-perfect screens to developers, updating them on Zeplin or InVision, where I then create sections for different projects to keep everything organise.

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 came out we had to think about the dark mode the new update brought in. The most challenging point to consider was the readability with a dark background, which I solved using a different shade of black and grey with white text and keeping the original colours of NatWest.

NatWest-img-7

New look and feel

Making a user-friendly visual style, easy to navigate through with a minimal approach and bringing to the user the essentials to use the app in the best way possible.

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

Prototype
Using Protopie

These are small prototypes to show micro-interactions. I also designed bigger prototypes that we then tested with real users to understand which of the options were the most user-friendly.