Frost Bank app and web overview

Role

Visual Designer II · frog

Timeline

6-week engagement

Team

frog · Frost Bank · McGarrah Jessee

Scope

App & web refresh, brand direction, and scalable design system

Brand Direction

Redefining a brand with over 100 years of history required starting from the ground up.

We rebuilt Frost's visual foundation from the ground up, defining a new type system, color palette, and art direction. Every choice aimed to feel modern and unmistakably Frost while honoring more than a century of earned trust.

Brand exploration — typography, color, and art direction Brand application explorations

Design System

The emergence of Frost's new design system was developed by dissecting key elements within the banking space.

We broke the banking experience down to its atomic elements, then rebuilt them into a unique, reusable UI kit. The result was a flexible system that could scale across products without losing consistency.

Design system foundations and element dissection Atomic structure and component diagrams

Account Overview

Designing the account overview called for meticulous consideration through typographic hierarchy and balanced white space.

The overview had to make a customer's money legible at a glance, so we leaned on clear typographic hierarchy and generous white space. Balancing density with breathing room let the most important numbers lead.

Account overview (mobile) Account detail (mobile)
Account overview (tablet)

Card Management

Card management was crafted to quickly and easily allow access to details, support quick actions, and provide time-sensitive tips.

Card management brought details, quick actions, and time-sensitive tips into a single place. We designed it so customers could act fast, freezing a card or checking a charge, without ever digging.

Card management (mobile) Card details and quick actions (mobile)
Manage your cards (tablet)

Money Movement

Being able to simply and easily transfer money between friends, banks and businesses is key to any banking app.

Moving money between friends, banks, and businesses is the heart of any banking app, so every step had to feel effortless and certain. We treated each confirmation as a moment of confidence rather than an afterthought.

Transfer amount entry (mobile) Transfer confirmation (mobile)
Transfer complete (tablet)

Reflection

Working shoulder to shoulder across multiple teams, frog, Frost, and McGarrah Jessee, taught me how much good design depends on shared intent and trust. In just six weeks we built a scalable design language meant to outlast any single screen, and the engagement reinforced a belief I still hold: the strongest work comes from restraint, from knowing what to leave out.

Closing illustration
"Perfection is achieved, not when there is nothing more to add, but when there's nothing left to take away."
— Antoine de Saint-Exupéry

Want the full walkthrough?

Happy to talk through the process, tradeoffs, and what I'd do differently.