CategoryUI/UX Design
ClientPulse Media
Year2023
Investment$1,950

Creative
Pulse
Case · Nº 004

Eleven weeks to redesign a media platform's creator dashboard: from user research and flow mapping to a polished design system and a production-ready Figma handover for the development team.

Start · Feb 6, 2023
Delivery · Apr 24, 2023
Studio · New York
Protozi ⁄ Studio ⁄ 2023
File · IMG_004_HERO.JPG
Format · 5400 × 3000
004
Case ⁄ Study ⁄ Creative Pulse
[ PLACEHOLDER · Cover B&W · UI/UX Design project ]
11 wks.
06 phases

From chaos
to clarity.

Scroll through the project phase by phase. The rail marks your position — to the right: research findings, key decisions, and what shipped.

17 Progress ⁄ Timeline
01
02
03
04
05
06
Briefing Wk 1 · Feb 6
01Phase ⁄ Briefing

— Feb 6, 2023 · Kick-off

Understand before you redesign.

Pulse Media had a creator dashboard that worked — technically. The backend was solid. But creators were spending an average of 4.2 minutes finding key analytics, and churn among accounts posting fewer than twice a week was climbing. The product team's instinct was to add features. Our first conversation was about subtraction.

01
IMG_0001 · 4500×2800 [ PLACEHOLDER · IMG ]

We mapped the existing flows before touching any design tool: every screen, every modal, every path a creator could take. The result was a 47-state flow diagram that revealed the problem immediately — not complexity, but inconsistency.

Stakeholder interviews6
Existing flow audit47 states
Analytics review3 months
Churn data analysis1 report
02Phase ⁄ Research

— Feb 13, 2023 · User interviews

Twelve creators. One clear signal.

Twelve moderated user research sessions with active Pulse creators across different content categories. We used a task-based protocol: no leading questions, just observation. Session recordings totaled 11 hours.

The signal that appeared in session three and didn't stop: creators wanted to know if their content was working, not how the algorithm scored it. They wanted story, not metrics — but the dashboard gave them charts.

"I log in, look at the numbers, and I still don't know if I'm doing the right thing." — Creator 09 ⁄ Research session 03
03Phase ⁄ Architecture

— Feb 27, 2023 · IA + flows

One primary job per screen.

Information architecture rebuilt from scratch. The new structure gave each dashboard view a single primary job: the home screen answered 'how is my content performing this week', the analytics view answered 'what should I do differently', the upload flow answered 'how do I publish without friction'.

Navigation reduced from 9 top-level items to 4. Every cut was documented with the research finding that justified it.

3views
Core dashboard screens
1job
Per screen max
47→ 12
States reduced
04Phase ⁄ Wireframes

— Mar 13, 2023 · Lo-fi exploration

Low-fi first, always.

18 wireframe iterations across the three core views. We shared early and shared often — a weekly review with the product and engineering team meant nothing went too far down the wrong path. Three concepts for the analytics view were killed at wireframe stage because of backend feasibility; catching that early saved weeks.

The final wireframe set was reviewed in a 3-hour session with two lead engineers before any visual design began. No surprises in handover.

04
IMG_0004A[ PLACEHOLDER · Image A ]
04
IMG_0004B[ PLACEHOLDER · Image B ]
Wireframe iterations18
Engineering reviews3
User testing sessions4
Concepts killed3
05Phase ⁄ Visual Design

— Mar 27, 2023 · Hi-fi build

A design system, not just screens.

Visual design built as a component library from day one. Tokens for color, spacing, radius, and elevation. Every component built to dark and light mode. Typography system using two faces: a variable sans for UI copy, a monospaced face for all data display.

Aa
DISPLAY · BOLDAnton
Aa
BODY · REGULARDM Sans
Void#111113
Surface#1E1E22
White#FAFAFA
Light#E8E8EC
Pulse#5C6BFF
06Phase ⁄ Handover

— Apr 24, 2023 · Dev handover

Engineering needs context, not just specs.

Handover structured around two sessions: a component walkthrough for the frontend team and a flow walkthrough for the backend team. Figma annotated not just with measurements but with the reasoning behind every spacing decision and interaction state.

The product launched in beta six weeks after handover. First-week data showed average time-to-analytics-view dropped from 4.2 to 0.8 minutes.

06
IMG_0006 · 4500×2800 [ PLACEHOLDER · IMG ]
Figma components240+
Interaction specsFull coverage
Handover sessions2
Token documentation1 doc

The result,
by the numbers.

-81%
Time to key analytics
×4.1
Creator session length
-28%
Weekly churn rate
240+
Figma components shipped
01