UX UI Case Study

Patreon Search Page: Redesigned for discoverability

March 14, 2024

Challenge

The challenge for this project was to enhance how patrons discover creators on Patreon. Although the platform is essential for connecting creatives with fans, its discovery process primarily relied on a simple search field that limited the visibility of its diverse talent pool. We set out to redesign the "Find creators" experience to be more engaging and personalized, enabling new and existing patrons to explore and connect with creators across genres—even if they didn’t have specific names in mind. By improving discoverability, our goal was to drive greater patron engagement, increase creator satisfaction, and support Patreon’s growth in user base and revenue.

Results

The redesign of the Patreon platform led to significant improvements in user engagement and overall satisfaction, as revealed through a combination of A/B testing, usability testing sessions, and clickstream analysis. The revamped creators' page showed a marked increase in dwell time, with users spending more time exploring and engaging with content. Additionally, by introducing flexible payment options, such as one-time purchases and donations alongside traditional monthly subscriptions, we directly addressed a key user concern, resulting in a noticeable increase in the consideration rate. The overall System Usability Scale (SUS) score also improved, reflecting the positive reception of these changes and the enhanced visual design of the "Find creator" page.
22%
Dwell Time Increase
62%
Consideration Rate Increase
30%
Increase in SUS score

Generative user interviews

For our initial approach, we employed a generative user interview as our primary data collection method. We crafted the interview questions to gain insights into users' content preferences, discoverability expectations, and perceived barriers to supporting creators on platforms such as Patreon.

1. Supporting Smaller Creators

Users prefer to financially support smaller creators because they feel their contributions have a significant and direct impact, making them integral to the creator's growth and sustainability. The personal connection fostered by smaller creators, through more frequent and meaningful interactions, enhances the sense of community and involvement. Additionally, there's a sense of pride in helping talented creators achieve their potential and grow their presence.

We recognized the importance of highlighting the "human-ness" of creators and their work. By doing so, the platform can foster a deeper emotional connection and enhance user engagement through thoughtful design.

2. Algorithm-driven recommendation

Users primarily find new creators through algorithm-driven recommendations rather than active searches. Platforms such as YouTube, Twitch, TikTok, and Pinterest excel in this area, suggesting a need for improved heuristic evaluation and competitive analysis to enhance Patreon's discovery features.

3. Categorization challenges

Users face challenges in content discovery due to vague categorization on Patreon. Instead of generic categories like Art, Music, Photography, and Video, more specific and user-centric categories could enhance the discovery process, making it easier for users to find content that matches their interests.

4. Demand for One-Time Donation Options

Patreon’s current model focuses on monthly subscriptions, but some users prefer one-time donations over recurring payments. Offering flexible support options could attract a broader user base and cater to varying preferences for financial contributions.

User Test

We conducted user testing to observe how users navigated the search page to find a creator they would like to support. Many users relied on thumbnail images on the results page to decode what kind of creator/content they could expect. However, some users expressed that it was hard to get an immediate idea of what kind of content was offered with the limited information presented to them.

This insight led us to focus heavily on the design of the creator thumbnail (or card) in the redesign, ensuring it effectively captures users' attention and conveys key information.

Competitor Usability Audit

We conducted a comprehensive and rapid heuristic evaluation on various platforms featuring user-created content curation UIs and category systems. This included both direct and indirect competitors. By analyzing the strengths and weaknesses of these platforms, we gained valuable insights into effective content discovery and categorization techniques.

One key finding was the importance of content card and thumbnail design in content exploration. Platforms like YouTube effectively use thumbnails to convey essential information quickly, influencing user decisions. From our user testing, it became evident that Patreon could benefit from similar strategies to improve content discoverability and user engagement.

Buymecoffee, primarily a one-time donation platform, provided inspiration on how one-time donation and purchase options could be seamlessly integrated into Patreon’s UI. Apple TV offered insights on categorization, demonstrating how content could be divided into sections based on moods, like "How's the culprit?" for crime content or "Dystopian techno future" for science fiction. These insights informed our redesign of Patreon's explore and creator pages, ensuring a more personalized and engaging user experience.

Sketches

We initiated the process by creating low-fidelity wireframes to visualize various ideas that my team and I ideated based on the findings from the research. This is also the stage where we ran some of the ideas with users to validate initial concepts.

Hi-fidelity prototype

Following the validation of our wireframes and initial design concepts, we transitioned to creating high-fidelity prototypes. These prototypes were crafted with a focus on delivering a polished, interactive experience that closely mirrored the final product. The high-fidelity prototypes allowed us to conduct more detailed user testing, providing critical insights into the functionality, aesthetics, and overall user experience of the redesigned Patreon interface.

Onboarding

Currently, Patreon doesn’t have an onboarding feature. But since algorithm-driven recommendation was one key topic from our user research, we thought it would be natural to have some form of onboarding so that the creator recommendation could be more accurate and in line with the user's interests.

Explore page

Current
Redesign
We also redesigned the explore page to include more content, allowing users to visually explore different creators. The content of the page will be curated either by the profile data from the onboarding or the input from the filter module at the top of the page.
A lot of our focus on the explore page went into the card design. We understood from our user tests and competitor usability audit that the card/thumbnail design was a very important part of content discovery, especially for a platform like Patreon because of its main resource being its creators.
There are three main types. The first type highlights the creator, the second type highlights a single content, and the third type highlights a single product or one-time donation option.

Filter module

We also wanted to explore how we could improve the category system. None of the participants in our user test used the category tags under the search input in the current Patreon, so we explored the idea of a filtering system that would update the content on the explore page instead of limiting users to content from one specific category.

We also felt that having category tags were too general and could potentially restrict the user's imagination. New categories like “Under 1000 Patreons” cater to users who want to support smaller creators, and "Staff picks" for editorial curation. In short, we didn't want the categories to be limited to generic genres, like the current Patreon UI.

Creators page

Current
Redesign
We also revamped the creators page, to aligned it more to how we designed the explore page. The profile information and elements such as thumbnail, description etc, is compressed in to the header visual, for a more richer and more expressive experience. We also added the associated category tags associated with that creator.
aWe also revamped the creator's page to align it more closely with the redesigned explore page. The profile information and elements such as thumbnails and descriptions are compressed into the header visual for a richer and more expressive experience. We also added the associated category tags for that creator.

We also added new tabs such as "Shop" and "Support Creator." In these tabs, the user can access one-time purchases instead of signing up for a monthly membership.me participants in our user research, In the Shop tab, the user can access one-time purchases, instead in signing up for a monthly membership.

User test and results

To gather this data, I employed a combination of A/B testing, usability testing sessions, and clickstream analysis. A/B testing allowed us to compare the performance of the original and redesigned pages, while usability testing provided qualitative insights into user behavior and preferences. The clickstream analysis further validated the quantitative data by tracking user interactions.

During the final round of user testing, these methods revealed substantial improvements across key metrics. Dwell time on the redesigned creators' page increased by 22%, as users were more engaged with the content. This was followed by a 62% increase in the consideration rate, driven by the introduction of flexible payment options, including one-time purchases and donations, which appealed to users previously hesitant about monthly subscriptions. Interview feedback highlighted that the new "Shop" and "Support Creator" tabs made it easier for users to support creators on their terms. Finally, the overall SUS score improved by 30%, largely due to the visual upgrades on the "Find creator" page. The new card design showcased creators in a more visually appealing manner and provided users with more relevant information, enhancing their ability to connect with the right creators.

Dwell time

Dwell time increased by
22
%
During the final round of user testing, these methods revealed substantial improvements across key metrics. Dwell time on the redesigned creators' page increased by 22%, as users were more engaged with the content.

Consideration Rate

Consideration Rate Increased by
62
%
This was followed by a 62% increase in the consideration rate, driven by the introduction of flexible payment options, including one-time purchases and donations, which appealed to users previously hesitant about monthly subscriptions. Interview feedback highlighted that the new "Shop" and "Support Creator" tabs made it easier for users to support creators on their terms.

Completion time

Increase in SUS score by
30
%
Finally, the overall SUS score improved by 30%, largely due to the visual upgrades on the "Find creator" page. The new card design showcased creators in a more visually appealing manner and provided users with more relevant information, enhancing their ability to connect with the right creators.

Conclusion

The redesign of Patreon’s search and creators page successfully addressed key pain points in discoverability and user engagement. By introducing flexible support options like one-time donations and purchases, and enhancing the visibility of creators through more dynamic content displays, we were able to make the platform more accessible and engaging. The increased consideration rate, longer dwell times, and improved SUS score are clear indicators that these changes have created a more user-centric experience, ultimately fostering stronger connections between creators and patrons. This project highlights the importance of listening to user feedback and continually iterating on design to better meet user needs.