First National Bank Long Island
Industry
Deliverables
Web URL
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.
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.
Our Approach
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.
Streamlined Navigation
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.
Multi-Target Audience
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.
UI Styles
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.
Use of 1N Branding
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.
CTA Design