• Mobile App
  • Web
  • Premium Content

kumparanPlus Case Study

A premium content platform featuring curated articles by leading creators, offering reliable guidance and entertainment in an era of misinformation.

Year
2021
Duration
3 months
Team
1 Designer, 1 Product Manager, 5 Developers
Role
Lead Product Designer

Overview

A premium content platform featuring curated articles by leading creators, offering reliable guidance and entertainment in an era of misinformation. Its mission is to build a more literate, enlightened society through better content curation.

The Problem

Based on comprehensive survey findings, I identified three critical truths that shaped my approach:

  • Category Truth
    • kumparan is seen primarily as a news aggregator without in-depth content or analysis, lacking the credibility and thoroughness expected from premium journalism.
  • Consumer Truth
    • Readers are increasingly seeking quality journalism with comprehensive analysis and verified information, willing to pay for credible, in-depth content.
  • Cultural Truth
    • The rise of misinformation has created a strong demand for trusted sources, with audiences valuing subscription-based premium content over ad-supported models.

The Solution

Using Lean UX methodology to move fast within a 3-month MVP deadline, we built kumparanPlus around a consistent Atomic Design system spanning the full core experience, content discovery, premium paywall, subscription, and payment, prioritizing GoPay to keep scope tight, and validating every major decision through usability testing before launching simultaneously across mobile site, iOS, Android, and desktop. The result: a Gold Medal for Best Paid Content Strategy and 500% subscriber growth within six months.

Business Insight

Challenge

  • How to address literacy problems through guidance, references, and entertainment content while creating a profitable product for the company?
  • How to leverage external creators in product development to enhance brand exposure and credibility?

Goal

  • Encourage the transformation of the media and information industry towards a more credible ecosystem that enables good content creators to flourish.
  • Position kumparanPlus as the leading force in redefining the media and information industry in Indonesia.

Development Strategy

Objective

  • Limited timeline, with a targeted MVP launch by the end of Q1 2021 (3 months total).
  • As a product team, we want to validate insights from survey research through the MVP.
  • As a product designer, I want to apply these insights using the Lean UX framework strategy to guide the development stages.

Goal

  • Create products that provide value to users and address previously identified problems.
  • Acquire existing and potential users for kumparanPlus, converting them into active users to drive growth.
  • Build sustainable and profitable products that increase company revenues.

Framework Strategy

Given our tight timeline, I leveraged the Lean UX framework to provide structured guidance throughout the entire product development lifecycle. This methodology enabled me to systematically define requirements, execute design iterations, and document every critical step from initial concept through final production.

I chose the Lean UX Framework specifically because it perfectly aligned with our aggressive three-month timeline and agile development approach. This framework facilitated rapid iteration cycles, continuous validation with real users, and quick decision-making—essential elements for delivering a successful MVP within our constraints.

The framework's emphasis on collaborative design, minimal documentation, and early user feedback allowed the team to stay focused on delivering value while maintaining design quality and user-centered principles throughout the development process.

Competitor Analysis

To understand the competitive landscape and identify opportunities for differentiation, I conducted a comprehensive analysis of key players in the premium content space. This research helped me define kumparanPlus's unique value proposition and feature set.

Competitor Analysis Insights

The analysis revealed a significant market opportunity—none of the major media platforms in Indonesia had established a comprehensive premium content ecosystem at the time, making kumparanPlus a pioneering solution in this space.

How Might We

Based on my research insights, I formulated key questions to guide my design decisions and ensure I address the most critical user needs.

Category Truth 32%

Media is broken (clickbait feeds, SEO-driven writing, pop-up ads) while social media creates the illusion of expertise.

How can users enjoy content according to their preferences without interruption?

Consumer Truth 20%

Millennials and Gen Z are highly curious. They love high-quality premium content for insight, up-to-date information, entertainment and self-development.

  • How do users prefer to enjoy content?
  • How can users get up-to-date content that matches their preferences and gain insight from it?

Cultural Truth 16%

Too many conflicts are triggered by misinformation and disinformation, a result of low media literacy.

How can users trust the content to be consumed?

Scope of Platform

I defined the platform scope and objectives to ensure comprehensive coverage across all user touchpoints and establish clear technical requirements.

Scope of Platform:

  • Mobile site
  • App
  • Desktop site

Objective:

  • I made sure the product could be built with the developer team, and identified the technical factors that would let everything come together in one digital product.
  • kumparan uses a single component codebase (React Native) to speed up development across all platforms.
  • I prepared the UI components so they could be reused and adapted.

User Job:

  • Users are willing to pay for premium content that matches their preferences
  • Users want to stay up to date every day
  • Users want to spend their free time gaining insight from in-depth content
  • Users want entertaining content
  • Users want constructive content for self-development

User Journey

I mapped out the complete user journey from initial discovery to content consumption, identifying key touchpoints and decision moments throughout the subscription flow.

User Flow Chart

The user flow chart details the subscription and payment process, including decision points, alternative paths, and system responses to ensure a seamless user experience across all scenarios.

Design Mandates and Prioritization

To ensure focused execution within my tight timeline, I established clear design priorities and mandates for the MVP, defining the essential screens and flows that would deliver maximum value to users.

  • Design the catalogue page of content collections
  • Design the detail page for content categories
  • Design the detail content page with premium article layout
  • Design the paywall for premium content access
  • Design the collection detail page showcasing related content
  • Design the subscription landing page with pricing options
  • Design the complete payment flow process with multiple payment methods:
    • GoPay digital wallet integration
    • Credit Card payment gateway
  • In-App Purchase for mobile platforms:
    • iOS App Store
    • Android Play Store
    • Alternative payment methods

Design Strategy

With clear mandates established, I developed a comprehensive design strategy that would guide my execution from information architecture through component design, ensuring consistency and efficiency throughout the development process.

Defining the Information Architecture

Each page is defined with information tailored to user preferences based on user survey insights as well as insights from across divisions.

Wireframing the Design Ideation

To accelerate my design process within the tight timeline, I adopted a component-first approach rather than traditional low-fidelity wireframing. This strategic decision allowed me to build reusable design patterns from the start.

❌ Lo-fi wireframing for ideation

✅ Reusable UI Components for Ideation

Utilizing UI Components Based on Atomic Design

I leveraged Atomic Design methodology to create a scalable component system. By utilizing existing atoms (basic UI elements) and composing them into molecules (functional components), I ensured design consistency while dramatically reducing development time. This approach allowed me to iterate quickly while maintaining a cohesive visual language across all screens.

Design System Approach: By reusing the existing UI atoms and components, I was able to create new molecules that maintained visual consistency while looking fresh and purposeful. This strategic reuse accelerated my design-to-development handoff and ensured pixel-perfect implementation across all platforms.

Design Stage

Following my strategic foundation, I moved into the design execution phase, creating key screens that would bring the kumparanPlus vision to life. Each design decision was informed by my research insights and prioritized for maximum impact on the MVP launch.

Catalogue Page

The catalogue page serves as the main entry point for users to discover premium content collections. I designed a responsive layout that showcases content categories with visual appeal across app, mobile site, and desktop platforms, ensuring seamless browsing regardless of device.

Category of Content

Content categories allow users to explore curated collections based on their interests. The design emphasizes visual hierarchy and clear content organization, making it easy for users to find and engage with topics that matter most to them across all platforms.

Detail of Collection Page

The collection detail page provides in-depth information about content packages, highlighting the value proposition and featured articles. This page plays a crucial role in converting users to subscribers by showcasing the quality and breadth of premium content available.

Detail Content Paywall

The paywall is strategically positioned to interrupt users at a critical moment when they're engaged with premium content. This design approach creates urgency while clearly communicating the value of subscribing, with options displayed across all platforms to maximize conversion opportunities.

Subscription Landing Page

The subscription landing page presents a clear comparison of pricing tiers with highlighted benefits and savings. The design uses visual hierarchy to guide users toward the best value option while maintaining transparency about pricing, duration, and benefits across all subscription levels.

Payment Process

The payment process was designed for maximum transparency and ease of use. The flow guides users through package selection, payment method choice, transaction completion, and success confirmation. Each step provides clear information about costs, payment options, and what to expect next, reducing friction and building trust throughout the checkout experience.

Usability Testing

After completing the initial design execution, I conducted usability testing with real users to validate my design decisions and identify potential friction points. This critical validation phase revealed key insights that would inform my iterative improvements before the final MVP launch.

Top Finding

Users had difficulty finding the entry point to kumparanPLUS from the home page, on both the mobile site and the desktop site.

Fixing the Top Finding

Live Production

The kumparanPlus platform is now live and accessible across multiple platforms, providing users with premium content and exclusive features. Experience the full implementation across all devices:

Challenges

Project timeline:

With limited time, I had to be more strategic at every step, from gathering data and connecting insights across divisions to testing the prototype, so I could deliver the product properly.

Utilizing the User Interface:

I reused the existing UI design and grouped it into new components. They weren't entirely new, just refreshed. This approach was necessary because creating completely new components would significantly affect the development timeline.

Keeping the product under control:

I keep monitoring the product closely and gathering insights to make sure it stays relevant and high quality through ongoing iteration.

Outcomes

We successfully launched in Q2 2021, and we continue to make improvements to this product by studying direct data, fixing bugs, implementing minor and major enhancements until the product reached its current state.

🏆 General Achievement

In Q3 2021, kumparanPlus received the Best Paid Content Strategy (Gold Medal) from the WAN-IFRA Asia Digital Media Awards. The impact increased the company's revenue by $10 million.

📊 Data Performance

  • Subscriber growth of more than 500% within 6 months of launch
  • Most subscribers from apps: 60% of total subscribers (Q4 2021)

Closing

I learned a great deal from this process, particularly the importance of collaboration in building something impactful. Strategic thinking proved essential in achieving our definitive goals and delivering meaningful results.

Like what you see?

I'm always excited to collaborate with teams and individuals who value thoughtful, user-centered design. If you're hiring, or have a project in mind, let's talk.

Get in Touch