Project mockup image
Project mockup image
Project mockup image

Enhancing creative direction at scale

PNC BANK

PNC BANK

"

"

"

See how I helped turn around a brand direction across 100's of designs in only 6 weeks

Lead UI

Lead UI

Lead UI

Lead UI

2 Person UI Team

2 Person UI Team

2 Person UI Team

2 Person UI Team

6 Weeks

6 Weeks

6 Weeks

6 Weeks

Figma

Figma

Figma

Figma

Design System

Design System

Design System

Design System

Client facing

Client facing

Client facing

Client facing

Approach.

Mood board

3 days

Competitor analysis

2 days

Creative direction

Design review

PNC Bank in Canada were creating a new website. While happy with the UX they felt the UI would not resonate with users. I was tasked with delivering a new direction.

I compared traditional banks to newer challenger banks, exploring more vibrant colours and looked at a different approach to illustration.

PNC Bank in Canada were creating a new website. While happy with the UX they felt the UI would not resonate with users. I was tasked with delivering a new direction.

I compared traditional banks to newer challenger banks, exploring more vibrant colours and looked at a different approach to illustration.

PNC Bank in Canada were creating a new website. While happy with the UX they felt the UI would not resonate with users. I was tasked with delivering a new direction.

I compared traditional banks to newer challenger banks, exploring more vibrant colours and looked at a different approach to illustration.

Demonstration of mood board from project
Demonstration of mood board from project
Demonstration of mood board from project
Demonstration of mood board from project
Demonstration of competitor analysis from project
Demonstration of competitor analysis from project
Demonstration of competitor analysis from project
Demonstration of competitor analysis from project

Execution.

Sprints

3 x 2 weeks

Design System

Motion Design

There was a lot of work to update in only a few weeks. I needed a strategy that delivered the highest impact, without redoing everything.

Key pages were prioritised for greatest impact. Then the larger scale of changes were made with efficient use of design system updates. Finally animation was added to core components and demonstrations were prototyped.

There was a lot of work to update in only a few weeks. I needed a strategy that delivered the highest impact, without redoing everything.

Key pages were prioritised for greatest impact. Then the larger scale of changes were made with efficient use of design system updates. Finally animation was added to core components and demonstrations were prototyped.

Example of work on a Figma board
Example of work on a Figma board
Example of work on a Figma board
Example of work on a Figma board

Designs.

The end result introduced an attention grabbing aesthetic with bolder gradients, illustrations, rounded corners and smooth drop shadows.

The end result introduced an attention grabbing aesthetic with bolder gradients, illustrations, rounded corners and smooth drop shadows.

The end result introduced an attention grabbing aesthetic with bolder gradients, illustrations, rounded corners and smooth drop shadows.

Final design for main card page
Final design for main card page
Final design for main card page
Final design for main card page
Mobile design for business card page
Mobile design for business card page
Mobile design for business card page
Mobile design for business card page
Mobile design for card approval page
Mobile design for card page
Mobile design for card page
Mobile design for card page
Mobile design for card page