Enterprise-scale design system architecture supporting a national bank's digital product surface, internal operations, and brand activation across millions of customer interactions.

๐Ÿฆ Client: Fifth Third Bank ยท Role: Senior Graphic Designer (Contract) ยท Scope: Digital Icon Architecture, Design System, Brand Application & Merchandise ยท Year: 2022โ€“2023


Overview

Designed and operationalized a governed icon and design system for Fifth Third Bank, building the visual infrastructure that powers the bank's digital product surface across consumer, commercial, and preferred banking segments.

The system extended from functional UI components into internal brand activation โ€” establishing consistent visual logic across digital interfaces, enterprise merchandise, and physical brand touchpoints under a single governed framework.


Challenge

Fifth Third required design system depth capable of operating at national bank scale โ€” with enough structural precision to support mobile product interfaces used by millions of customers, while also governing internal brand application across events, merchandise, and communication environments.

Existing assets lacked the component logic, naming architecture, and modularity required to maintain consistency across teams, vendors, and deployment surfaces without drift.


Solution

Engineered a full transactional icon system across three functional categories โ€” Transaction, Reserved, and Special Considerations โ€” covering 40+ distinct banking behaviors with consistent visual logic, scalable naming conventions, and clear governance documentation. Extended brand pattern and color architecture into enterprise merchandise, producing multi-variant apparel and cap systems for internal activation. Built fabrication-ready specifications enabling direct vendor handoff across print, embroidery, and physical production. Established visual governance standards ensuring component consistency across digital product, print, and physical brand environments without requiring design intervention at every touchpoint.


Impact

Delivered a scalable icon system supporting Fifth Third's digital banking product surface across consumer and commercial interfaces. Enabled consistent brand application across internal events and enterprise merchandise without ongoing design overhead. Reduced cross-team production ambiguity through documented component logic and governed naming conventions. Built a system deep enough to scale โ€” not just solve the immediate request.


Work Samples


Transaction Icon Architecture