Vibe flow

Premium, Not Pushy: Crafting Upgrade Moments That Users Welcome

Screens displaying free premium vibe flow trial offer
Overview

VibeFlow is fictional media company with a strong base of free users ready to monetize through a Premium tier.

Goal

Create upgrade paths for new and returning users that feel seamless and speak to tech-savvy, budget-conscious users.

My role

- UX Researcher

- UI Designer

- UX Designer

Problem space

Many freemium products rely on pushy upgrade tactics that can erode user trust, especially with younger users. At the same time, subtle or poorly timed prompts may go unnoticed.

The Challenge

Design an upgrade offer experience that feels:

Transparent, persuasive, user-centered
Research Questions

What makes streaming users willing to pay for a premium experience?


When in the user journey are they most open to upgrading?

What causes hesitation, resistance, or mistrust around upgrading?

Research methodologies
Competitor analysis. Analyzed Spotify, Pandora and You Tube Music focusing on onboarding flows, timing slash tone of upgrade prompts. Secondary research. reviewed articles on industry best practices for freemium conversion.
Research insights
users pay for control and convenience. sampling premium increases conversion. friction points spark upgrade interest. free trials build premium habits
implications for vibe flow.
User Flows

Upgrade prompts should appear during moments of natural user desire or friction, not random

Messaging should be positive, benefit-driven, and clear about premium value

The upgrade flow should be fast, low-friction, and transparent about pricing and terms

Offer users small tastes of Premium features, like free trials, to build desire without high pressure

New user sign-in upgrade flow. Start. Welcome screen. app features. create account. free trial notification. home screen. end.

Guided by the business goals, I designed two categories of flows:

1. Sign-in flows for new and returning users

2. In-app flows triggered by user actions like skipping, downloading or creating playlists

skip limit upgrade flow. start. home screen. skip songs. skip limit reached. dismiss or upgrade? if dismiss, go back to song. if upgrade, show premium details. upgrade? yes or no. if no, back to song. if yes, upgrade confirmed. end.

New users are automatically enrolled in a free Premium trial during sign-up. This removes friction and helps establish early habits around premium features.

ad removal upgrade flow. start. home screen. song. ad. watch ad or upgrade? if watch, continue ad. if upgrade, show premium details. start premium trial? if no, go to next song. if yes, upgrade confirmd. end.

This flow places the upgrade prompt directly after a blocked action, aligning the offer with user intent and maintaining continuity in the listening experience.

The upgrade prompt is shown during an ad, leveraging user frustration as a natural point of interest in Premium.

Additional flows (e.g., playlist creation, download attempt, profile upgrades) followed a similar structure, surfacing upgrade prompts at moments that highlight the value of the Premium experience.

Wireframes

After mapping out key upgrade moments in the user journey, I translated those flows into wireframes to test the placement, tone, and clarity of upgrade messaging.

Skip Limit Prompt

low fidelity screens outlining skip limit prompt. home screen. skip song attempt. premium trial offered. user accepts and trial offer is confirmed. back to song.

The upgrade screen was designed to offer a clear call to action alongside a supportive message and a dismiss option to preserve user autonomy.

Ad Removal Prompt

low fidelity screens showing ad removal prompt. home screen. song playing. ad plays with 'listen ad free' banner. premium trial offered. offer accepted and trial confirmed.

A banner invites users to explore Premium. Once tapped, it opens an upgrade screen that highlights Premium benefits along with a clear call to action.

After completing the low-fidelity designs, I realized the upgrade prompts felt repetitive and could be easily dismissed. This led me to explore auto-enrolling users in a 30-day Premium trial to reduce friction and encourage deeper exploration of premium features. As a result, I shifted my original testing plan and decided to conduct a preference-based usability test comparing opt-in versus auto-enroll trial flows.

low fidelity screens outlining auto-enroll flow. sign-up screen. enter email. enter password. you've got 30 days of premium for free. home screen

Auto-enroll

low fidelity screens outlining opt-in flow. sign-up screen. enter email. enter password. start free premium trial?. home screen

Opt-in

Preference-based Usabiity Test
Preference chart. 4 of 5 users preferred auto-enroll option.

To explore how best to introduce a free Premium trial, I tested two onboarding flows: one that automatically enrolls users, and one that asks them to opt in.

UI Style Guide
App name speaks to bold, modern brand. aqua, mint green and white UI elements feel fresh and inviting. vibeflow wordmark features neon-styling and a headphone-adorned 'o'. Urbanist chose as font for readability and modern style

With a clearer understanding of user preferences around trial enrollment, I turned to defining the app’s visual style. The company aimed to project a personality that felt uniquely diverse yet familiar. Bold, smart, and hip.

High-fidelity designs
New user sign-up flow. sign-up screen. premium trial notice screen. home screen.

This flow welcomes new users, highlights the value of premium, and gets them exploring - all within a few taps.

Skip Limit Flow

skip-limit flow. home screen. skip song attempt screen. premium trial offer screen. trial confirmation screen. back to song screen.

Designed to drive conversions, this upgrade prompt appears at a natural friction point, encouraging users to explore premium without breaking their rhythm.

Ad Removal Flow

ad removal upgrade flow. home screen. song playing screen. listen ad free banner screen. premium trial offer screen. trial confirmation screen.

An upgrade prompt appears during an ad, offering a free 30-day trial of VibeFlow Premium for an uninterrupted listening experience.

Reflections and next steps

Designing VibeFlow challenged me to strike the right balance between business goals and user trust, especially when prompting free users to upgrade. I learned how small details in copy and timing can dramatically shape user perception, and how important it is to validate those decisions through testing.

If I were to continue this project, I’d focus on:

1.Exploring personalization in upgrade messaging based on user behavior or listening habits.

2. Tracking what happens after the 30-day trial ends. How many users convert, drop off, or continue using the free version.

Connect

Thanks for taking the time to check out this case study. If you're curious to hear more about my design process, want to share feedback, or just want to connect with a fellow designer, I’d love to hear from you.

Usability testing round 2

I conducted a second round of usability testing to evaluate how well VibeFlow’s upgrade prompts were received by users.

Key Insights:

1. Positive feedback centered around the automatic free trial enrollment and the ad removal prompt, which users found especially compelling.

2. Emotional friction emerged around the skip limit messaging. Several participants felt the tone came off as punitive or “scolding”, which weakened trust.

3. Information gaps were noted by users who wanted more upfront clarity on skip limits and a clearer explanation of what would happen when their Premium trial ended.

No high severity issues were identified, but tone and clarity improvements were needed to enhance user trust and emotional engagement.

Iteration

New User Sign-up Flow

Screen changes to skip limit upgrade flow and premium trial messaging

Based on user feedback, headings were softened to reduce perceived judgment, and clarity around the trial's no-commitment policy was enhanced.

More Projects