Graphic Design Case Study

UWCU Passbook

The UWCU Passbook project reimagines traditional banking records through a clean, modern, and highly functional visual system. The case study reframes the work around information hierarchy, brand consistency, accessibility, and a polished presentation that makes everyday banking materials easier to understand and trust.

Print + Digital
Product type
Print + Digital UI
Design focus
Visual clarity
User need
Concept

Print + Digital UI support app

The UWCU Passbook project reimagines traditional banking records through a clean, modern, and highly functional visual system.

Role

Graphic Designer

Print + Digital analysis, content structure, visual hierarchy, UX recommendations, and final presentation design.

Tools

Figma + Print + Digital UI

Figma, visual design, print/digital mockup presentation

The challenge

Traditional banking materials can feel dense, dated, or difficult to scan.

Traditional banking materials can feel dense, dated, or difficult to scan. The challenge was to modernize the passbook presentation while keeping financial information clear, credible, and easy for users to read.

Objective

The objective was to create a passbook design system that integrates UWCU and UW-Madison inspired visual cues, clear information hierarchy, device-friendly prompts, and a more confident branded presentation.

Audience

UWCU members, students, banking customers, service representatives, and users who need simple access to financial record information.

Constraints

The design had to balance visual impact with trust, readability, practical banking use, and clear hierarchy for sensitive financial information.

Design responsibility

The project needed visual clarity, not only polished screens.

I reframed the presentation around the user need: visual clarity. The layout now explains the strategy before showing the visual screens.

Selected responsibilities

The new case study makes the banking design, structure, and design decisions easier for recruiters to evaluate.

Process

From visual clarity to polished project presentation.

Step 01

Project framing

I defined the accessibility problem around communication support, resource discovery, and faster connection to nearby care providers.

Step 02

Core flow

I focused the experience around clear support tasks: communication resources, guidance, profile flow, and doctor or care-provider connection.

Step 03

Structure

I organized the product around simple paths so users can understand where to go without scanning dense or stressful interfaces.

Step 04

Visual design

Created mockups that show how the passbook system works across realistic presentation contexts.

Design decisions

The project direction is built around banking design, trust, and reduced friction.

For this project, the presentation needs to show how users move from first impression to meaningful action. Each design decision supports clarity, trust, and stronger evaluation.

Visual clarity-first product structure

Reason: Banking design users need to compare important property information quickly.

Impact: The passbook feels more practical, structured, and trustworthy.

Brand-aligned visual system

Reason: Print + Digital UI-focused products benefit from clear hierarchy, predictable layouts, and reduced visual noise.

Impact: The final mockups feel more memorable and consistent.

Device-friendly prompts

Reason: Modern banking materials often connect physical and digital actions.

Impact: The design supports a more current service experience.

Final work

A polished slide-to-case-study presentation using the original UWCU Passbook visuals.

Outcome

Modern banking passbook system reframed as a modern graphic design case study.

The final UWCU Passbook case study presents a modern banking record design with a strong visual system, clearer information hierarchy, and polished mockups that communicate both practicality and brand confidence.

Banking design discovery

The design improves scanning and structure for banking information.

Print + Digital-first listing flow

Color, layout, and iconography create a more unified presentation.

8 visual mockups

The original slide presentation is preserved and reframed into a modern case study.

Recruiter takeaway

A graphic design case study with clear product framing and polished visual presentation.

This case study shows my ability to modernize a functional financial design, balance brand expression with readability, and present practical graphic design work in a polished portfolio format.