TipSnaps
A platform for content creators designed to create a connection between creators and their fans and provide the most profitable conditions for monetizing creativity. The platform offers unique features such as built-in crowdfunding, flexible subscription options, and easy-to-use tools for audience interaction. With TipSnaps, creators can not only share content, but also receive direct support from fans, which helps develop and strengthen their community.
A platform for content creators designed to create a connection between creators and their fans and provide the most profitable conditions for monetizing creativity. The platform offers unique features such as built-in crowdfunding, flexible subscription options, and easy-to-use tools for audience interaction. With TipSnaps, creators can not only share content, but also receive direct support from fans, which helps develop and strengthen their community.
Role
Product designer
In collaboration with
Product owner, Devs team
Date/Duration
2023/~20h/month
My contribution
At the beginning of my work, the project was already launched by developers, without a designer. The platform had minimal functionality, had incomprehensible flows for the user, and had little audience engagement.
At the beginning of my work, the project was already launched by developers, without a designer. The platform had minimal functionality, had incomprehensible flows for the user, and had little audience engagement.
We improved the product gradually section by section, I created a simple component system to keep the project in a consistent style and speed up the work for myself and the developers.
We improved the product gradually section by section, I created a simple component system to keep the project in a consistent style and speed up the work for myself and the developers.
I had limited time to work based on budget, so some of the reserch work was on the product owner's side, but we were constantly comunicating with the team discussing different ideas, hypotheses and methods of implementation.
I had limited time to work based on budget, so some of the reserch work was on the product owner's side, but we were constantly comunicating with the team discussing different ideas, hypotheses and methods of implementation.
I had tons of ideas, and thanks to great design work, I was able to get high-quality mockups ready on time. I tested them with the target audience, and the whole process was super quick. We focused on implementing only the features that really mattered. I truly valued working together on this!
I had tons of ideas, and thanks to great design work, I was able to get high-quality mockups ready on time. I tested them with the target audience, and the whole process was super quick. We focused on implementing only the features that really mattered. I truly valued working together on this!
Target Audience
We have 2 key segments: Creators and Fans.
We have 2 key segments: Creators and Fans.
Creators needs and expectations:
Creators needs and expectations:
Reduced fees compared to well-known platforms (e.g. OnlyFans and Patreon);
Reduced fees compared to well-known platforms (e.g. OnlyFans and Patreon);
Flexible fan interaction and monetization options;
Flexible fan interaction and monetization options;
A user-friendly and intuitive interface that helps manage subscriptions and content efficiently;
A user-friendly and intuitive interface that helps manage subscriptions and content efficiently;
Opportunity to get views organically.
Opportunity to get views organically.
Fans needs and expectations:
Fans needs and expectations:
The ability to get exclusive content in a more affordable way;
The ability to get exclusive content in a more affordable way;
A wide range of creators;
A wide range of creators;
Ability to access unique and personalized content;
Ability to access unique and personalized content;
Mobile-friendly version (90% of traffic from mobile).
Mobile-friendly version (90% of traffic from mobile).
Navigation
We tested several navigation options for the desktop version and decided to use a side menu in combination with top headers on pages. This approach is similar to popular platforms like Reddit. We chose it because the center area where content is placed doesn't require maximum width. Instead of stretching the content across the entire screen, we effectively use the sidebar to accommodate additional navigation. This solution allows us to display more menu items than if we were to use only the top menu, thereby saving space and improving the ease of access to sections.
In mobile, using a bottom menu with tabs is a popular pattern that is actively used in mobile versions of social networks. We decided to adapt this approach for our site to highlight the most important sections and provide quick access to them.
We tested several navigation options for the desktop version and decided to use a side menu in combination with top headers on pages. This approach is similar to popular platforms like Reddit. We chose it because the center area where content is placed doesn't require maximum width. Instead of stretching the content across the entire screen, we effectively use the sidebar to accommodate additional navigation. This solution allows us to display more menu items than if we were to use only the top menu, thereby saving space and improving the ease of access to sections.
In mobile, using a bottom menu with tabs is a popular pattern that is actively used in mobile versions of social networks. We decided to adapt this approach for our site to highlight the most important sections and provide quick access to them.
Feed
The Feed adapts to the user's interests set at the onboarding stage. The feed is organized to provide easy and convenient access to the most relevant content based on the fan's preferences. Users can also filter the feed by selecting, for example, only paid subscriptions. The feed interface is simplified as much as possible to allow focus on the content.
The Feed adapts to the user's interests set at the onboarding stage. The feed is organized to provide easy and convenient access to the most relevant content based on the fan's preferences. Users can also filter the feed by selecting, for example, only paid subscriptions. The feed interface is simplified as much as possible to allow focus on the content.
Creator's page
The Feed adapts to the user's interests set at the onboarding stage. The feed is organized to provide easy and convenient access to the most relevant content based on the fan's preferences.
The Feed adapts to the user's interests set at the onboarding stage. The feed is organized to provide easy and convenient access to the most relevant content based on the fan's preferences.
Fan’s page
The Feed adapts to the user's interests set at the onboarding stage. The feed is organized to provide easy and convenient access to the most relevant content based on the fan's preferences.
The Feed adapts to the user's interests set at the onboarding stage. The feed is organized to provide easy and convenient access to the most relevant content based on the fan's preferences.
Convenient and transparent table with subscriptions
Convenient and transparent table with subscriptions
New post
The post can be regular or private, and for different audiences.
The post can be regular or private, and for different audiences.
Balance
In Balance we show 2 widgets Upcoming and Available for Payout - to clarify the creator's funds.
2 balances are necessary because of the bank processing: after a fan pays, the funds are checked and processed before they are available for withdrawal to creators.
In Balance we show 2 widgets Upcoming and Available for Payout - to clarify the creator's funds.
2 balances are necessary because of the bank processing: after a fan pays, the funds are checked and processed before they are available for withdrawal to creators.
Messages
Custom Tip Offers
I’ve designed a Custom Tip Offers feature that allows creators to create crowdfunding offers for exclusive content. A creator can announce a certain piece of content (for example, a Figma course), specifying the amount they want to raise, and fans can support this offer by collectively raising the necessary amount.
I’ve designed a Custom Tip Offers feature that allows creators to create crowdfunding offers for exclusive content. A creator can announce a certain piece of content (for example, a Figma course), specifying the amount they want to raise, and fans can support this offer by collectively raising the necessary amount.
The creator can create their own offers or receive offers from fans.
"My offers" includes 3 tabs:
The creator can create their own offers or receive offers from fans.
"My offers" includes 3 tabs:
Pending: proposal is active and fundraising is underway;
Pending: proposal is active and fundraising is underway;
Accepted: fundraising is complete and the creator has a deadline to publish content;
Accepted: fundraising is complete and the creator has a deadline to publish content;
Completed: the creator has fulfilled the commitment, fans have accessed the content, and the creator has been paid.
Completed: the creator has fulfilled the commitment, fans have accessed the content, and the creator has been paid.
Custom Tip Offers help creators easily monetize unique offers by keeping fans engaged, who can now collectively support the creator and access content they are interested in. The system is transparent and flexible for both creators and their fans.
Custom Tip Offers help creators easily monetize unique offers by keeping fans engaged, who can now collectively support the creator and access content they are interested in. The system is transparent and flexible for both creators and their fans.
Fans can create their own offer to a specific creator, the Received tab allows creators to view and manage the content requests they receive from fans. Here, creators can see exactly what fans want from them, at what price, and decide whether to fulfill those requests.
Fans can create their own offer to a specific creator, the Received tab allows creators to view and manage the content requests they receive from fans. Here, creators can see exactly what fans want from them, at what price, and decide whether to fulfill those requests.
When a fan wants to create an offer, they create it in DMs with a specific creator. The creator can see the request in the Received Offers section and can accept or reject it.
When a fan wants to create an offer, they create it in DMs with a specific creator. The creator can see the request in the Received Offers section and can accept or reject it.
To control my tasks I created a simple kanban board in notion to make notes on bugs or small tasks of my own, it's easier to organize small tasks with devs that way.
To control my tasks I created a simple kanban board in notion to make notes on bugs or small tasks of my own, it's easier to organize small tasks with devs that way.
Results & Insights
From a design perspective, the changes made, including the addition of Custom Tip Offers and a news feed have increased engagement and improved retention rates. The product has already shown an increase in engagement, but continues to need refinement and development to reach its full potential.
From a design perspective, the changes made, including the addition of Custom Tip Offers and a news feed have increased engagement and improved retention rates. The product has already shown an increase in engagement, but continues to need refinement and development to reach its full potential.