UI/UX Design
Web Development
Digital Strategy
Digital Marketing

First National Bank Long Island

A High-Touch Online Experience
2021

Industry

Retail Banking, Finance

Deliverables

Web Design, Creative Strategy, Web Development

With 90+ years of hometown banking to its name, The First National Bank of Long Island has come a distance since its establishment as the North Shore’s first independent community bank. Today, with branches all over Long Island and beyond, First National stands alone as an institution rooted in client service, professionalism and excellence for the businesses and individuals they serve.

01

Introduction

A High-Touch Online Experience

Alongside First National’s leadership team, our creative leads quickly laid the groundwork for reimagining and rebuilding First National’s website. Adapting to a new day in digital banking, we worked quickly to create a colorful web experience that met the demands of mobile bankers without forfeiting the company’s reputation for trust, knowledge and person-to-person warmth. A personable, inviting and friendly first impression was designed to capture the bank’s differentiating customer experience.

Website Redesign Project for First National Bank of Long Island
02

Our Approach

Website Redesign Project for First National Bank of Long Island

Intuitive Navigation and Improved Information Architecture

The website’s revival started and ended with UX design: Categorizing First National’s services, streamlining descriptions of their offering and creating clear hierarchies for web users led to clean, unbroken interactions that guided new and existing customers through the experience. News, company history, contact information and more were separated from the bank’s critical services, allowing viewers to place their focus on the services that mattered to them.

New Custom Website Design for First National Bank
03

Streamlined Navigation

New Custom Website Design for First National Bank

Balancing the User Journeys for Businesses and Individuals

Menu tabs for Business and Personal were intentionally separate to keep all services options relevant each audience member type, and users can toggle below the main banner “For Your Business” or “For Your Family” that reveals colorful dynamic content cards that display the latest promotions and information pertain to each audience.

User Journey for Web Design and Development Project
04

Multi-Target Audience

User Journey for Web Design and Development Project

Colors, Gradients & Textures to Add Dimension

Menu tabs for Business and Personal were intentionally separated to keep all service options relevant to each audience type. Users can toggle below the main banner between 'For Your Business' and 'For Your Family,' revealing colorful, dynamic content cards that display the latest promotions and information pertinent to each audience.

Color Palette for First National Bank Web Design Project
05

UI Styles

Color Palette for First National Bank Web Design Project

Embracing and Integrating the 1N Illustrations

As part of the latest branding updates before the website began, the “1N” concept was introduced, and incorporated as the main icon of the Bank’s logo. Themed hand-drawn illustrations were also provided for us to incorporate, so we created elements of the UI that incorporated the “1N” brand identity. Buttons, link styles, typography treatment for homepage banner messaging, and the graphics for the mobile banking features are all intertwined with the new logo design, making it a more successful and scalable brand identity.

Responsive Website Design for First National Bank of Long Island
06

Use of 1N Branding

Responsive Website Design for First National Bank of Long Island

Designing for Increased Engagement for Prospects and Customers

Each point of the user journey has been redesigned to provide visitors with a clear and inviting path forward. Strategic placement of sticky icons paired with the menu design provide so many paths forward while still feeling spacious, buttons were designed to be colorful and enticing, and the primary CTA component that concludes the homepage also offers 4 additional paths forward to address the needs of various audience members. We have seen these efforts result in increased online engagement, and increased volume of conversions.

Conversion Rate Optimization for First National Bank of Long Island
07

CTA Design

Conversion Rate Optimization for First National Bank of Long Island
The BOWEN team knows how to deliver.
Since engaging the team as our primary web developer and digital marketing partner we have solidified our Brand marketing and benefitted from continued growth in overall site traffic and lead generation. Our dedicated account rep takes the time to understand our unique business needs and continues to meet even the tightest of deadlines - and always on budget. Glad to have them as our digital partner!

Carrie Genoino

Director of Marketing @FNBLI

What our Clients are Saying

See More WorkView More
See More WorkView More
See More WorkView More
See More WorkView More
View MoreSee More Work
View MoreSee More Work
View MoreSee More Work
View MoreSee More Work