I designed the dashboard for Citi's Employee Fitness Challenge, a platform where thousands of employees could track steps, goals, and team rankings. My job was turning dense fitness data into something simple to read, on any device, while keeping it on-brand for a major bank.
Challenge
Too much data, one screen. Step counts, goals, and department leaderboards all needed to live on one dashboard, without overwhelming the person looking at it.
Fun, but still Citi. A bank has strict brand rules. I had to make the experience feel motivating and playful without breaking them.
Working on every screen. The same dense dashboard, graphs, cards, live data, had to hold up on both desktop and mobile.
Strategy
Put the motivating stuff first. Personal goals, team rank, and upcoming milestones sit at the top of the dashboard: the things that keep people coming back.
Used color to separate data. Bright accent colors tell each data type apart: progress rings, graphs, stats, against a clean background.
Built with modular cards. A flexible grid of card components that could adapt as the challenge moved through different phases.
Solutions
Built the UI in Fireworks. Its mix of vector and bitmap tools let me iterate fast on dense dashboard layouts and detailed charts.
Prototyped in InVision. Turned static screens into a clickable prototype so stakeholders could test the flow before development started.
Designed a distinct look. Custom icons and energetic accent colors gave the platform its own identity while staying inside Citi's brand.
Outcome & Reflection
It shipped. This launched to Citi employees: real, live, not a concept, from my agency days.
One of many, not a one-off. This was one of several projects our agency built for Citi. Repeat work from the same client is its own kind of proof: they kept coming back because the work held up.
