John James

.

Wall Street Journal “Your Story”

Wall Street Journal “Your Story”

The project was initiated to address the challenge of increasing subscriber engagement and retention for the Wall Street Journal (WSJ). Marketing identified an opportunity to showcase the value of a WSJ subscription through a personalized, data-driven “End of Year Subscriber Experience,” inspired by successful initiatives like “Spotify Wrapped.”

Hypothesis

The team hypothesized that:

  • Personalization Increases Engagement: A personalized summary of subscriber activity would create a more compelling and emotionally resonant connection with the WSJ brand.
  • Demonstrating Value Boosts Retention: Highlighting individual achievements and the value subscribers gained over the past year would reinforce their decision to maintain their subscription.
  • Shareability Drives Brand Awareness: By designing the experience to be shareable, WSJ could organically expand its reach and generate interest among potential subscribers.
  • Validation Through Data: An MVP approach would allow the team to test whether this type of experience measurably impacts retention and engagement, providing a foundation for future investment.

Opportunity Highlights:

  • Competitive differentiation: Only one out of six competitors currently offers a similar experience, presenting WSJ with a chance to lead in personalized subscriber engagement within the media industry.
  • Success stories: Insights from The Washington Post’s “Newsprint” initiative showed that personalized year-end summaries can significantly drive engagement, reduce churn, and encourage product adoption.

Problems

Limited Design Resources and Time Constraints:

Challenge: The project scope requires designing multiple personalized, visually engaging cards and creating a seamless web experience. However, the design resources allocated to the project are limited, as mentioned in the meeting notes, with Brand Design and PCX resources not being fully engaged until early Q2.

Impact: With only 8 weeks available to design, develop, and launch the MVP, the team faces a tight timeline, risking insufficient time for refinement, testing, or resolving unforeseen technical challenges.

Data and Infrastructure Challenges

Challenge: The data for creating personalized summaries is dependent on complex systems, such as Athena and AIQ, with ongoing questions about data transfer processes and integration. Issues like incomplete or unavailable data for some users (e.g., skipped cards) add further complexity.

Impact: These uncertainties could delay development and hinder the ability to deliver a polished MVP experience. Additionally, eligibility criteria (e.g., users who have read a minimum number of articles) further narrow the target audience, potentially reducing engagement metrics.

Ambiguity Around Scope and Experience Delivery

Challenge: The project scope includes various potential delivery methods, such as onsite placements, unique webpages, and email promotions. Meeting notes highlight unresolved decisions about infrastructure (e.g., onboarding CMS vs. standalone webpage) and questions about marketing’s involvement in promotion.

Impact: This ambiguity risks misalignment across teams and delays in execution, especially when creating a user journey that is intuitive and impactful. Additionally, focusing only on desktop and web view limits reach and shareability, particularly in a mobile-first digital landscape.

Approach

Prioritize Critical MVP Features:

  • Focus on High-Impact Cards: Rather than attempting to design and develop all potential “cards,” prioritize those that clearly communicate value and engagement. Highlight metrics like unique engagement achievements, comparative insights, and high-value subscription benefits.
  • Incorporate Animations for Engagement: Use subtle animations or transitions to make the cards more dynamic and visually engaging, such as revealing data points with smooth fades or playful interactions. These animations can elevate the user experience without significantly increasing complexity.
  • Simplify Design: Leverage existing WSJ brand guidelines and reusable components to streamline design work, ensuring the experience aligns with the brand while saving time for creative execution.

We worked with Marketing to determine the order of the cards and the content on them. We wanted to keep it simple, so often our main question was, ‘Do we need this or do we just want it?’

Streamline Product Design Process:

  • Focus on Accessibility and Usability: Ensure the design is optimized for both desktop and mobile web, with clear navigation and an intuitive layout. This will help users engage with the experience seamlessly, regardless of their platform.
  • Prototype Early: Use rapid prototyping tools to test card designs and interactivity early in the process. This allows for iterative feedback and ensures alignment between design, development, and stakeholder expectations.
  • Design for Edge Cases: Account for scenarios where certain data points might be missing. Create fallback designs or default content to maintain the user journey without disruptions.
  • Personalization as a Priority: Tailor the design to reflect the subscriber’s unique engagement history, emphasizing a personal and celebratory tone. This fosters a stronger emotional connection and boosts shareability.

I created wireframes with details specifications on every element. Is it clickable? Is it required? Does it move? The devs need to know, so we made sure to document it thoroughly.

Here’s an early iteration of the design — it was a good foundation, but it lacked the brand feel. It wasn’t evoking an emotional response, which is what we desired to do.

Clarify Scope and Align Teams:

  • Confirm Delivery and Promotion Strategies: Finalize decisions on hosting (standalone webpage or WSJ onboarding CMS) and promotional methods (onsite messages or email campaigns). These decisions will guide the design approach and reduce ambiguity for the entire team.
  • Coordinate Across Teams: Align product design closely with marketing and development teams to ensure the user experience and promotional strategies are cohesive. Regular touchpoints and a shared project timeline will keep the effort on track.
  • Focus on MVP-Ready Features: Clearly communicate which features are essential for the MVP. For example, prioritize personalization and shareability over secondary elements to ensure a high-quality experience within the tight timeframe.

We tested all of the color palletes we had available. Spotify always has great colors and styles, but we needed to stay true to the WSJ brand. We wanted to accomplish the same task that Spotify Wrapped does, while keeping our

By prioritizing impactful features, embedding animation to enhance user engagement, streamlining the product design process, and fostering team alignment, the project can deliver a polished and effective MVP within the limited 8-week schedule.

Outputs

Functional + Motion Specs

This allowed us to give clear directions to developers. This included design system references and specs related to motion design

Wireframes + High Fidelity Designs

This is a look at our final designs. We went through many color palletes, but we eventually settled here to make it fun, but keep it professional and on-brand.

Full-Motion Prototype (See video)

Custom Motion Assets for Developers (Lottie JSON)

Potential Outcomes

Engagement:

  • Specific Goal: Increase the average number of articles read per subscriber.
  • Potential Impact: Subscribers who engage with the end-of-year experience may show up to a 12% increase in average articles read compared to previous periods.
  • Supporting Indicators:
    • Engagement Rates: Up to 43% of eligible subscribers could access their end-of-year summary, viewing an average of 4.5 cards per session.
    • Behavioral Shift: As many as 47% may read at least 3 additional articles after engaging with the experience.

Retention:

  • Specific Goal: Improve subscription renewal rates.
  • Potential Impact: Engaged users could demonstrate up to an 11% higher renewal intent, based on historical survey data comparisons.
  • Supporting Indicators:
    • Feedback: As many as 72% of users may report that the experience “reinforced the value of their subscription.”
    • Call-to-Actions: Up to 22% of users may complete a secondary action like signing up for a newsletter or downloading the app—supporting long-term engagement.

Additional Potential Metrics:

  • Shareability: Up to 12% of users might share their personalized summary on social media, leading to a possible 4% increase in referral traffic to the WSJ subscription page.
  • Time-on-Experience: Average session durations could reach 1 minute and 43 seconds—exceeding WSJ engagement benchmarks by 17%.

If achieved, these outcomes would mark a strong success for the MVP experience, aligning with broader strategic goals around engagement, retention, and organic growth through shareability and action-oriented design.