top of page
PNC_Bank_white.png

The PNC Financial Services Group, Inc. is an American bank holding company and financial services corporation based in Pittsburgh, Pennsylvania.

 

Its banking subsidiary, PNC Bank, operates in 27 states and the District of Columbia, with 2,629 branches and 9,523 ATMs

PNC stands for Provident National Corporation

PNC bank

Overview

The main purpose of this project is to creating Vision concept  - Thin slice prototype for stakeholder alignment and user validation
  
The Team and I will transform the UI digital experience into a best in class sign up and checkout process

Also doing r
esearch and insights on credits, personal loans and flex pay

Team Design Process 

Role & Responsibility   

Team UI/UX Designer 

  •  User Research 

  • Prototyping 

  • Usability Test

  • Visual Design

  • CX (Customers experience) 

  • Video Editing 

  • Motion Graphic 

logo-figma_white.png
sketch_white.png

Research 

Product Goal

Since PNC Bank already had their website and App created it gave the team and I a good jump start to just preliminary research the understanding of  the current state and roadmap of experience have to  offered.

PNC_PersonalLoans_InsightReport files.007.jpeg
PNC_PersonalLoans_InsightReport files.008.jpeg

User flow

The team and I took a step back and and concentrate on user flow in order to make the design more user centred and therefore, more successful from the user's point of view.

The user flow is designed for applying or enrolling for a PNC credit card to be delivered to the person house or flat.

Screenshot 2022-12-01 at 11.08.19 AM.png

Insight 

The team and I look through and analysis PNC Bank website and app to see and mark down what needs to be improve to make it better customer experience 

PNC_PersonalLoans_InsightReport.010.jpeg
PNC_PersonalLoans_InsightReport.012.jpeg
PNC_PersonalLoans_InsightReport.013.jpeg
PNC_PersonalLoans_InsightReport.011.jpeg
PNC_PersonalLoans_InsightReport.014.jpeg

Prototype 

Wireframe & Prototype

After using the PNC website as guidance, we were able to create a simple wireframes. 

The wireframes was tested by the people in the team since this pic bank website and app is used by all different people that has a bank account.

protoype.png

Visual Design 

Frame 1.jpg

Credit: Mezzy.eu

Final Design 

protoype_Final.png

Final Prototype 

bottom of page