Contribution Page for Reckon

Background

Reckon by Advance Local is a social justice-focused media platform with around 75k engaged newsletter subscribers but no monetization strategy. This case study aimed to turn that engagement into revenue by designing a user-centered contribution page

My Role

Led end-to-end design of Reckon’s first contribution page, creating a trust-driven, conversion-optimized experience. Using user research, competitive analysis, and iterative design, delivered a monetization solution aligned with brand values—supporting a $250K first-year revenue goal

Organization

Advance Local

Duration

3.5 months

Tools used

Figma, Adobe Creative Suite, Notion

Problem

Lack of Monetization Despite High Engagement

Reckon, a publication by Advance Local, had an engaged audience of over 75,000+ newsletter subscribers. However, there was no existing revenue stream in place.

  • Audience Engagement: 75K+ newsletter opt-ins
  • Revenue: $0 — no donation model, no subscriptions, no paywall
  • Business Need: Establish a sustainable monetization path without alienating users

Oppourtunity

How can Reckon monetize its highly engaged audience while maintaining its mission-driven approach and ensuring valuable content remains accessible to all users?

Solution

Crafting an Effective Monetization Strategy for Reckon's Engaged Audience

The solution was to design a user-centric contribution page that converted high engagement into revenue while staying true to Reckon’s mission. Key elements of the design included:

Messaging & Brand Consistency

Communicated donation impact and reinforced Reckon’s brand to build trust

Flexible Donation Options

Provided customizable one-time or recurring donations

Optimized Design for Conversion

Streamlined the donation process for a seamless user experience

What It Took to Build This

Design Process

Evaluating Industry-Leading Contribution Modules for Strategic Insights

To design Reckon’s contribution page, I conducted a competitive analysis by evaluating successful revenue models from prominent media outlets, including Mother Jones, The Texas Tribune, ProPublica etc.

  • Identifying Strengths and Weaknesses: I compared the contribution models of each organization, focusing on elements like user engagement, messaging clarity, and conversion tactics.
  • Uncovering Effective UX Patterns: I reviewed donation flows to uncover impactful prompts, flexible options, and smooth transitions from content to support.
  • Gathering Inspiration for Trust-Building: I studied how competitors use transparency and mission-driven messaging to earn user trust.
  • Highlighting Design Gaps and Opportunities: I highlighted where others succeed or fall short, offering insights to refine Reckon’s UX for accessibility, clarity, and standout calls to action.
Analysis of Competitors in the Media Industry

Exploring Two Design Directions for Contribution Flow

Through studying other established media outlets, I identified two common design patterns for encouraging user contributions. These informed the two directions I explored:

  • Direct CTA Approach
 - A “Donate” button placed in the top navigation—consistent, always visible, and easy to access. This approach relied on user intent and mirrored what many media platforms use to maintain a clear, ever-present donation pathway.
  • Pop-up Module Approach - A contextual pop-up that appears during key engagement moments (e.g. after reading an article). Inspired by media outlets that use emotional or time-based triggers, this design aimed to be more dynamic and timely prompting action when users are most invested.
Two Design Directions for Contribution Flow

A/B Testing Pop-Up vs. Static CTA

Taking into account insights from market research and existing platform constraints, I developed two design approaches to introduce a contextual donation prompt. I then conducted a prototype A/B test with 20 participants to assess the effectiveness of different CTA placements:

  • Version 1 featured a pop-up module that slid up from the bottom of the screen during key engagement moments.
  • Version 2 presented a static “Donate” button positioned in the top navigation for constant visibility
A/B Testing Pop-Up vs. Static CTA

A/B Testing Results and Decision

Version 1, the sliding pop-up, was the clear winner. It captured more attention, reduced cognitive effort, and created a stronger emotional connection. With higher interaction and positive feedback, it outperformed the top navigation CTA, making it the preferred choice moving forward.

A/B Results for Pop-Up vs. Static CTA

Mapping Donation Opportunities for New and Returning Subscribers

While designing user journeys, I realized that donation doesn’t happen at a single, predictable moment. It’s often the result of accumulated trust, emotional connection, and personal intent—factors that vary from user to user. The journey of someone like Anna shows that users don’t always follow a linear path. Their actions are shaped by how they feel in the moment, not just by where they are in a flow.

Flow for New Users and Missed Donations

The current unidirectional contribution path primarily targets new visitors, overlooking scenarios where a loyal subscriber—after months of engagement—might finally feel ready to contribute. Without a clear re-entry point or timely prompt, these valuable opportunities are easily missed.

Flow for New Users but Missed Donations

Flow for Subscribers to Capture Donations

This flow targets subscribers who didn’t donate upfront on the website but are given a chance to contribute through the donation module in the newsletter. As their engagement grows, subtle, timely prompts offer a natural opportunity to support Reckon when they’re ready.

Flow for Subscribers to Capture Donations

Human. Inviting. People-powered.

Changing the CTA from “Donate” to “Contribute” wasn’t just a matter of semantics, it was a deliberate, strategic shift. At the request of stakeholders, we aligned the language with their preference for "Contribute," a word that feels more human, inclusive, and collaborative. This change better reflects the brand’s values and voice, and resonates more deeply with the mindset of its audience

Visual Entry Points to Contribution from Final UI

From Vision to Visuals

As we brought Reckon's landing page to life, I focused on more than just visuals—I reworked the style guide, fine-tuned the design system, and prioritized a responsive experience that feels effortless on any device. The modern look isn’t just for show; it adapts beautifully across screen sizes, making sure it always works as well as it looks. Key modules like “Make a Donation” and the FAQs were thoughtfully integrated into this flexible design, helping set a new bar for Reckon's digital presence: clean, accessible, and genuinely user-friendly.

Designed for Every Device
Final Responsive Designs
Visual Outcome
Branding Standards and Screen Mockups

Reflection

Creating pixel-perfect designs

Ensure precision in your designs by paying attention to padding and margins. Utilize grids to achieve consistency in fixed units of measurement for sizing, spacing, and alignment. This approach contributes to creating pixel-perfect designs.

Collaboration and effective communication

Collaborating with various teams in a project involves frequent communication and iterations. The experience has emphasized the importance of effectively conveying changes, delays, or shortcomings to ensure the project's success.

Other work

If you want to learn more about my work, or just want to grab some Chai, i'd love to chat

→ vedashreeshere@gmail.com

You could have been anywhere on the internet, yet you're here. Thanks for visiting!