Project mockup image
Project mockup image
Project mockup image

Enhancing creative direction at scale

PNC BANK

Enhancing creative direction at scale

PNC

BANK

Enhancing creative direction at scale

PNC BANK

Lead UI

Lead UI

2 Person UI Team

2 Person UI Team

6 Weeks

6 Weeks

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

Lead UI

2 Person UI Team

6 Weeks

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

Lead UI

2 Person UI Team

6 Weeks

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

Approach

Approach

The team had been designing a website for PNC Bank in Canada. The client was happy with the UX but felt the UI would not resonate with users. I was tasked with creating a new direction.

I started by comparing traditional banks to newer challenger banks, exploring more vibrant colours and different ways to approach illustration.

The team had been designing a website for PNC Bank in Canada. The client was happy with the UX but felt the UI would not resonate with users. I was tasked with creating a new direction.

I started by comparing traditional banks to newer challenger banks, exploring more vibrant colours and different ways to approach illustration.

Mood board

Mood board

Mood board

3 days

3 days

3 days

Demonstration of mood board from project
Demonstration of mood board from project
Demonstration of mood board from project

Competitor analysis

Competitor analysis

Competitor analysis

2 days

2 days

2 days

Demonstration of competitor analysis from project
Demonstration of competitor analysis from project
Demonstration of competitor analysis from project

Execution

Execution

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.

To do this key pages were prioritised for greatest customer impact. Then the larger scale of changes were made with efficient use of design systems and a more stripped back styling approach.

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.

To do this key pages were prioritised for greatest customer impact. Then the larger scale of changes were made with efficient use of design systems and a more stripped back styling approach.

Sprints

Sprints

Sprints

5 weeks

5 weeks

5 weeks

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

Designs

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.

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 card approval page
Mobile design for card approval page
Mobile design for card approval page
Mobile design for card page
Mobile design for card page
Mobile design for card page