Hancock Whitney

Hancock Whitney is a financial services company based in the Southern United States offering banking solutions with a focus on customized, client-focused service and financial strength.

OVERVIEW

Hancock Whitney needed to modernize its email marketing to match the sophisticated experience of its primary website. The goal was to build a scalable design system that could handle complex financial updates like security alerts and Zelle education while remaining clear and user-friendly.

DELIVERABLES
Design system, email campaign templates

SERVICES
Design system, visual design

Two smartphones floating against a dark blue background displaying banking app screens.

APPROACH

The team developed a modular, atomic design system that mirrors the structure of the bank’s existing website. By organizing elements into componentized categories like UI elements, navigation, and typography, the system allows for rapid updates and total visual alignment. Each template was built with a mobile-first mindset, using the iconic blue and green palette to segment information logically. Strategic imagery was integrated to provide visual breaks, ensuring that even dense financial data remains digestible and engaging on smaller screens.

From inbox, to account

By aligning the email experience with the live website and taking a mobile-first approach, Hancock Whitney now delivers a seamless journey, guiding clients from inbox to account. Strategic CTAs drive conversions, encouraging users to engage with both their accounts and the website with ease.

Three smartphones displaying different screens of a financial bank's mobile app and website on a light blue background.
A woman and a boy sitting on a couch looking at a tablet together with palm trees in the background.
Series of Hancock Whitney financial service informational emails with text, images, and green call-to-action buttons.
Color swatches of various shades of blue and gray, labeled with their names, RGB values, and hexadecimal color codes. The swatches include Dark Blue, Light Blue, and Gray shades.
Hancock Whitney logo with a dark blue background, white circular outline, and a stylized 'W' in the center.
Two rectangular buttons with labels and play icons, one in light blue and the other in dark blue, on a light blue background.
A design layout showing six sections with headings, font details, colors, and sizes for demonstration purposes.

RESULTS

By centering the strategy on a personalized user experience, Hancock Whitney is now better equipped to attract a new generation of clients while retaining its loyal base.

Mobile phone displaying Hancock Whitney website with a photo of people volunteering and a section of text about community commitment.