Revenue-Based Progress Tracker for 17,000+ Publishers
Turning static revenue data into a motivational growth tool.
Sessions showed smooth, confident navigation with zero observed friction or confusion.
Actively used the Year-to-Date vs. Last Year toggle, 3.5x the industry average for non-required features.
Publishers scrolled below the fold to explore benefits and program details, 76% above industry baseline.
Purpose-driven engagement: 45% quick check-ins, 52% deep exploration, 3% complex analysis.
As a Publisher, I want to clearly see the benefits of my current program and how close I am to reaching the next program.
Publishers had no clear way to track their progress toward qualification thresholds across Mediavine's tiered programs.
Mediavine operates tiered publisher programs (100k, 250k, Premiere, Premiere Plus) that unlock increasingly valuable benefits based on annual revenue performance. Program status was indicated only by a small badge next to their name, with detailed information scattered across blog documentation. To understand how they qualified, or what they needed to reach the next tier, publishers had to contact support or dig through help articles. This created unnecessary support burden and missed an opportunity to motivate publisher growth through transparent progress tracking.
No Progress Visibility
Publishers couldn't see how close they were to the next tier or track their year-over-year performance. Without this context, earnings felt arbitrary rather than motivating.
Scattered Information
Program benefits and qualification criteria were buried in blog documentation. Publishers had to hunt through help articles or contact support to understand what they'd unlocked or what they could earn next.
Support Dependency
The success team fielded constant questions about program logic: "Why am I in this tier?" "What do I need to reach the next level?" "What benefits do I get?" These repetitive inquiries created operational burden that didn't scale.
Missed Motivation
Publishers are small business owners actively trying to grow. Without visibility into their progress, Mediavine missed a key opportunity to motivate and celebrate growth through transparent milestone tracking.
The final product.
A two-part visual system combining a semi-circle revenue tracker and milestone progress bar, designed to motivate publishers through transparent progress tracking.
The significant complexity came from designing for 2 dashboards simultaneously, the legacy system with technical constraints, and the new Unified Dashboard where I could advocate for top level navigation placement.
The design approach centered on transforming static revenue data into a motivational tool by combining emotional engagement with rational planning context.
Self-service first
17,000+ publishers meant the design had to be instantly understandable without documentation
Motivation through transparency
Drawing inspiration from airline loyalty programs like Delta SkyMiles, I designed progress visualization that never shows "completion," reinforcing continuous growth rather than arrival
Systematic scalability
Components needed to accommodate future program tiers without requiring redesign
What we built.
To clearly communicate progress and motivate action, I designed a complementary two-part visualization system where each component serves distinct cognitive needs.
Revenue Tracker Semi-Circle
At-a-glance emotional feedback
The semi-circle provides instant emotional feedback: "how full is my progress?" Drawing from airline loyalty programs, I chose a semi-circle over a full circle specifically because it never shows "completion." Publishers who exceed their tier threshold don't hit a psychological ceiling; the arc extends naturally, reinforcing continuous growth. Features a casino-style rolling animation on page load and color transitions from green (achieved) to gray (upcoming).
Milestone Progress Bar
Rational planning context
The horizontal milestone bar provides rational planning context: "where am I in the overall journey?" It shows all program tiers simultaneously, allowing publishers to see both where they've been and what's ahead. Current position is highlighted with a tier badge, with clear visual indicators for upcoming milestones and distance to next tier immediately visible.
Program Milestones
Year-to-Date vs. Last Year Toggle
Temporal comparison for planning
Positioned prominently at the top, this segmented control enables temporal comparison. Publishers can quickly switch between current year progress and last year's performance, supporting planning and year-over-year analysis. The 70% adoption rate validated this was a valuable planning tool, not just a nice-to-have feature.
Benefits Comparison
Aspiration through concrete value
Below the visualizations, publishers see a clear breakdown of benefits for both their current tier and the next tier up. This creates aspiration and transparency, where publishers can evaluate whether reaching the next tier is worth the effort based on concrete benefits, not abstract promises.
The receipts.
Impact was measured through analysis of 33 Mixpanel session replays from January 2026, approximately 10 weeks post-launch, capturing sustained engagement rather than novelty-driven metrics.
Sessions showed smooth, confident navigation with zero observed friction or confusion. Publishers moved purposefully with no hesitation, erratic scrolling, or clicking on non-interactive elements.
Scrolled below the fold to explore benefits and program details. Typical dashboard pages see 30-50% scroll depth, making this 76% higher than industry standards.
Actively used the Year-to-Date vs. Last Year toggle, with 21% toggling multiple times. Non-required features typically see 20-40% adoption, making this 175% higher than average.
Purpose-driven engagement reflecting efficient task completion: 45% under 30 seconds (quick status checks), 52% between 30 seconds and 2 minutes (deep exploration).
Waited for the casino-style revenue animation to complete before scrolling, demonstrating the micro-interaction captured attention. Publisher feedback specifically mentioned the "dopamine hit."
Metrics captured 10+ weeks after launch, not during initial curiosity, indicating sustained value rather than novelty. Publishers continued actively engaging, suggesting the tracker became part of regular business review habits.
Animation as Motivation Design
The casino-style rolling number effect wasn't decoration; it became strategic motivation design. 70% of users waited for the animation to complete, and publisher feedback specifically called out the "dopamine hit," validating the decision to advocate for this feature despite initial complexity concerns.
Temporal Comparison Was a Need, Not a Nice-to-Have
The Year-to-Date vs. Last Year toggle hit 70% adoption, 3.5x industry average for non-required features. 21% toggled multiple times per session, proving temporal comparison was a genuine user need, not a designer assumption.
Sustained Engagement 10 Weeks Post-Launch
Metrics captured 10+ weeks after launch showed publishers continued actively engaging with features, exploring content, and returning to the page, suggesting the tracker became part of regular business review habits rather than fading after initial novelty.
What happened next.
Post-launch validation was driven by Mixpanel session replay analysis and qualitative feedback from the success team, confirming design hypotheses and identifying areas for future iteration.
Self-Service Goal Achieved
Success team feedback indicated that publishers were self-serving program information more effectively, reducing the need for manual explanations. This qualitative signal suggests the self-service design goal was achieved.
Bimodal Usage Pattern
The 51-second average session with 45% quick check-ins and 52% deep exploration indicates the design served dual purposes successfully, both quick status checks and planning sessions, without forcing a single interaction pattern.
Statistical Confidence
With 33 sessions, margin of error ranges from plus/minus 11-16% (95% confidence). Even at lower confidence bounds: 88% engagement becomes minimum 77% (still 54% above baseline), 70% adoption becomes minimum 54% (still 35% above average).
What they said.
“I dig this look.”
“It looks really nice and definitely in alignment with expectations so thanks so much for your thoughtfulness in this effort.”
“I really like the last year tab; its a good point of reference for how they got to the current status.”
“Karlyn - thank you for all your amazing work. It is always such a joy when we get to work together.”
“This design and these interactions has been one of the most fun and exciting projects I’ve worked on.”
“I get a little hit of dopamine whenever I go to the Program page.”
What I took away.
Motivation is often more visual than functional
A semi-circle and milestone markers transformed raw revenue data into a storytelling tool that drives action. By drawing from proven patterns in airline loyalty programs and designing with scalability in mind, we created infrastructure that serves publishers today while accommodating growth tomorrow.
Transparent progress drives engagement
When publishers can see where they stand, what they've earned, and what's achievable next, they're more likely to invest in growth, which ultimately benefits both publishers and Mediavine's business model.
Expand scope when the data supports it
The initial brief was a simple semi-circle tracker. By connecting the expanded scope to business outcomes like reduced support burden and increased publisher motivation, I gained stakeholder buy-in for a full program page that delivered significantly more value.
Design for dual mental models
The semi-circle provides emotional feedback ("how full is my progress?") while the milestone bar provides rational planning context ("where am I in the overall journey?"). Supporting both modes created a more complete experience than either alone.
Instrument measurement before launch
Manual session analysis provided valuable insights, but establishing comprehensive analytics tracking from day one would have yielded much richer data on business impact. Measurement planning is design work.
This project validated our core hypothesis: transparent progress drives engagement. When publishers can see where they stand, what they've earned, and what's achievable next, they're more likely to invest in growth, which ultimately benefits both publishers and Mediavine's business model. The behavioral data proved that motivation is often more visual than functional.
Interested in working together?
Book a 15-minute chat and let's talk about your next project.