Natwest Onboarding

Natwest Onboarding

Natwest Group created a new proposition called Natwest +, which would supersede Natwest Premier service for new affluent customers. A branding company created the new branding, which was based on Natwest Bank core branding.

I worked in a core team with product owners, the legal team, developers, business analysts, UX designers and researchers and a development team specialising in onboarding applications. We had daily stand-ups, retros, design reviews, legal reviews, show and tells for wider business teams and the brand team.

I led the rebranding of the UI of the design systems and started to create the journeys for onboarding users to the new platform. I made a new colour palette based on the new branding and a new set of fonts used in the user interface designs.

Sample of Onboarding screens below

New branding

I interpreted the new colour palette to be suitable for use in user interface applications. I used the core colours to create lighter versions for UI backgrounds and the addition of some slighter darker variants to make the UI design accessible to AA standards. All colours and font were testing for accessibility, and I created documentation for any audits. I iterated user interface designs with the brand teams involvement. Imagery for the new brand was to include young professionals in lifestyle type photography in close up compositions.

Natwest + colour palette
Gradient colour background
Brush strokes design assets

Responsive Grids

Onboarding features

  • Landing screen
  • Invite code
  • One time password security
  • Single or joint account
  • Fees screen
  • Personal details and address look-up
  • Identity protection

Getting started

The first section of onboarding is Getting Started, which includes a splash screen to showcase the new branding, including the new paintbrush motif and new affluent, family orientated customer base. There is a double layer of security with an invite code and a one-time password.

Below is a selection of core screens from Getting Started.

Your NatWest +

The next section is Your Natwest +, which includes opting into newsletters, choosing joint or single account, account fees screen and an important information screen. There is a stepper component so that the user can easily see which section they are on.

Below is a selection of core screens from Your Natwest +.

About you

The About You section of the onboarding flow lets users fill in their personal details, tax status and address. There is address lock-up functionality so that the user only needs to enter their postcode and then choose from a list of addresses, and there is also enter address manually.

Below is a selection of core screens from About You.

Final touches

For the final touches section, the user goes through a setting up of security questions. First is a challenge word and then five security questions; you can choose your own security questions from a dropdown menu. Lastly is a screen for the user to read through and acknowledge the FSCS notice.

Below is a selection of core screens from Final Touches.

Tags