First National Bank - Visual Design

First National Bank
Visual Design Case Study

FNB is a commercial banking institution that spans over 380 locations across Pennsylvania, Ohio, Maryland, West Virginia, North Carolina and South Carolina.

Overview

The Problem
F.N.B. Corporation, headquartered in Pittsburgh, Pennsylvania, is a diversified financial services company operating in seven states and the District of Columbia. Based on last quarters growth results, the FNB bank has been seeing a decrease of online banking services between the ages of 18 - 30.

The Goal
In our efforts to attract and retain younger millennial clientele I have been tasked with a visual design and user experience overhaul for desktop & mobile.

What tools I used
• Adobe Photoshop
• Sketch

What I was responsible for
• User Flows Diagrams
• Lofi & Hifi Mockups
• Design System
• Mobile App Design
• Online Banking Dashboard

Website Visual Design

Design System Language
The “Roboto” font is a clean, san-serif font that was designed content density & ease of reading. I took the color original scheme & expanded upon it with subtle complimentary and neutral colors.

Wireframes
The current online banking dashboard is information dense. Lo-Fidelity wireframes allowed me to map out the vital information that users would want to see before committing to a high fidelity design.

Desktop Screens
The current online banking dashboard is information dense. Lo-Fidelity wireframes allowed me to map out the vital information that users would want to see before committing to a high fidelity design.