← All work
UI/UXData Visualization

College Rankings

Turning a component that was rebuilt from scratch every year into a clean, reusable, data-driven ranking system for WSJ, Barron's, and MarketWatch.

Client
WSJ, Barron's, MarketWatch
Role
UI/UX Designer
Year
2023
Tools
Figma
College Rankings
Desktop — Table Closed + Row Open
Table Variation
Table Open
Table Closed
Wireframes
01 — The Challenge

What problem existed?

College Rankings had never been a reusable component — it was rebuilt from the ground up every year, at real cost to time and consistency.

02 — My Role

What I owned

I was the UI/UX designer responsible for the user flow, content massing, functional specs, and wireframes.

03 — The Approach

How I got there

I mapped the full user flow and content structure, then designed a flexible table system with open and closed row states so the ranking could scale across schools and years without a rebuild.

04 — The Solution

What shipped

A reusable, data-driven rankings experience that shipped across WSJ, Barron's, and MarketWatch — and went on to produce the most subscriptions ever recorded for The Wall Street Journal.

Privacy Preference Center