Screenr Mobile App

The Prompt

Screenr, a startup media app, has a strong base of free users and needed a subscription experience for paid, premium access. The project aimed to create a seamless freemium-to-premium conversion flow.

Project type
Concept Mobile App
MY ROLE
UX/UI Design, Interaction Design
PROJECT YEAR
2022
Business Goals

The following business goals were defined:

  1. Encourage new users to subscribe to premium during signup.
  2. Offer current free users premium upgrades in login and in-app.
  3. Enhance the paid experience with better features.
Target User

Tech-savvy, budget-conscious 18-24-year-olds, frequent mobile users, and content consumers who highly value streaming.

Analyzing Competition

I researched existing streaming apps, identifying valuable features like multiple subscription tiers and ad-free options from services below:

Services in Competitive Analysis

I integrated these into my design, refining features like benefits clarity, which lacked definition in some competitors.

Competitive Analysis Chart
User Flows

Designed two flows for users transitioning from free to premium:

1. New Users subscribing during onboarding:

Subscribing During Onboarding Flow

2. Existing Users upgrading within the app

Subscribing after logging in Flow
Design & Testing

Usability Testing: I conducted remote wireframe testing with four participants experienced in freemium upgrades. Key tasks included subscribing in the onboarding flow, accessing premium content, and navigating features.

Wireframe Testing Sessions

This testing informed several design adjustments:

Feature Clarity

Clarified how users earn premium days through sharing:

Sharing Screenr

Feedback

Added confirmation banners for key actions:

Toast example

Upgrade Options

Integrated upgrade CTAs in key screens like Home, TV Details, and Downloads:

Within app - settings

Upgrade Visibility

Users wanted multiple ways of upgrading subscription tiers in different locations within the app, so I made sure to include the upgrade option on multiple key screens:

Options to upgrade
Interaction Design

I designed fluid interactions, such as easily discernible tap states and horizontally scrollable shelves, to meet users’ expectations in streaming:

8 different sketches organized in panels in a wide rectangular frame
Added Value

The ability to watch all episodes of a TV show demonstrates the added value of the premium service to the user:

Hi-fi Testing

Final usability testing revealed minor adjustments needed for clarity:

1. Adding prominent Sign Up / Login options on landing screen:

Landing screen V1 vs V2

2. Enhanced login visibility on landing screen:

Login CTA V1 vs V2

3. Differentiated similar upgrade buttons for clarity:

Upgrade buttons V1 vs. V2
Impact

My designs met the primary business objectives:

  1. Created a clear premium upgrade path during signup and login.
  2. Integrated multiple in-app upgrade opportunities.
  3. Demonstrated premium value through access to exclusive content.
Conclusion

This project achieved the company’s goals, and with additional time, I would explore expanded media options to increase the appeal of premium services.

The Prompt

Screenr, a startup media app, has a strong base of free users and needed a subscription experience for paid, premium access. The project aimed to create a seamless freemium-to-premium conversion flow.

Project type
Concept Mobile App
MY ROLE
UX/UI Design, Interaction Design
PROJECT YEAR
2022
Click on the prototype below to check it out:
Business Goals

The following business goals were defined:

  1. Encourage new users to subscribe to premium during signup.
  2. Offer current free users premium upgrades in login and in-app.
  3. Enhance the paid experience with better features.
Target User

Tech-savvy, budget-conscious 18-24-year-olds, frequent mobile users, and content consumers who highly value streaming.

Analyzing Competition

I researched existing streaming apps, identifying valuable features like multiple subscription tiers and ad-free options from services below:

Services in Competitive Analysis

I integrated these into my design, refining features like benefits clarity, which lacked definition in some competitors.

Competitive Analysis Chart
User Flows

Designed two flows for users transitioning from free to premium:

1. New Users subscribing during onboarding:

Subscribing During Onboarding Flow

2. Existing Users upgrading within the app

Subscribing after logging in Flow
Design & Testing

Usability Testing: I conducted remote wireframe testing with four participants experienced in freemium upgrades. Key tasks included subscribing in the onboarding flow, accessing premium content, and navigating features.

Wireframe Testing Sessions

This testing informed several design adjustments:

Feature Clarity

Clarified how users earn premium days through sharing:

Sharing Screenr

Feedback

Added confirmation banners for key actions:

Toast example

Upgrade Options

Integrated upgrade CTAs in key screens like Home, TV Details, and Downloads:

Within app - settings

Upgrade Visibility

Users wanted multiple ways of upgrading subscription tiers in different locations within the app, so I made sure to include the upgrade option on multiple key screens:

Options to upgrade
Interaction Design

I designed fluid interactions, such as easily discernible tap states and horizontally scrollable shelves, to meet users’ expectations in streaming:

8 different sketches organized in panels in a wide rectangular frame
Added Value

The ability to watch all episodes of a TV show demonstrates the added value of the premium service to the user:

Hi-fi Testing

Final usability testing revealed minor adjustments needed for clarity:

1. Adding prominent Sign Up / Login options on landing screen:

Landing screen V1 vs V2

2. Enhanced login visibility on landing screen:

Login CTA V1 vs V2

3. Differentiated similar upgrade buttons for clarity:

Upgrade buttons V1 vs. V2
Impact

My designs met the primary business objectives:

  1. Created a clear premium upgrade path during signup and login.
  2. Integrated multiple in-app upgrade opportunities.
  3. Demonstrated premium value through access to exclusive content.
Conclusion

This project achieved the company’s goals, and with additional time, I would explore expanded media options to increase the appeal of premium services.

The Prompt

Screenr, a startup media app, has a strong base of free users and needed a subscription experience for paid, premium access. The project aimed to create a seamless freemium-to-premium conversion flow.

Project type
Concept Mobile App
MY ROLE
UX/UI Design, Interaction Design
PROJECT YEAR
2022
Business Goals

The following business goals were defined:

  1. Encourage new users to subscribe to premium during signup.
  2. Offer current free users premium upgrades in login and in-app.
  3. Enhance the paid experience with better features.
Target User

Tech-savvy, budget-conscious 18-24-year-olds, frequent mobile users, and content consumers who highly value streaming.

Analyzing Competition

I researched existing streaming apps, identifying valuable features like multiple subscription tiers and ad-free options from services below:

Services in Competitive Analysis

I integrated these into my design, refining features like benefits clarity, which lacked definition in some competitors.

Competitive Analysis Chart
User Flows

Designed two flows for users transitioning from free to premium:

1. New Users subscribing during onboarding:

Subscribing During Onboarding Flow

2. Existing Users upgrading within the app

Subscribing after logging in Flow
Design & Testing

Usability Testing: I conducted remote wireframe testing with four participants experienced in freemium upgrades. Key tasks included subscribing in the onboarding flow, accessing premium content, and navigating features.

Wireframe Testing Sessions

This testing informed several design adjustments:

Feature Clarity

Clarified how users earn premium days through sharing:

Sharing Screenr

Feedback

Added confirmation banners for key actions:

Toast example

Upgrade Options

Integrated upgrade CTAs in key screens like Home, TV Details, and Downloads:

Within app - settings

Upgrade Visibility

Users wanted multiple ways of upgrading subscription tiers in different locations within the app, so I made sure to include the upgrade option on multiple key screens:

Options to upgrade
Interaction Design

I designed fluid interactions, such as easily discernible tap states and horizontally scrollable shelves, to meet users’ expectations in streaming:

8 different sketches organized in panels in a wide rectangular frame
Added Value

The ability to watch all episodes of a TV show demonstrates the added value of the premium service to the user:

Hi-fi Testing

Final usability testing revealed minor adjustments needed for clarity:

1. Adding prominent Sign Up / Login options on landing screen:

Landing screen V1 vs V2

2. Enhanced login visibility on landing screen:

Login CTA V1 vs V2

3. Differentiated similar upgrade buttons for clarity:

Upgrade buttons V1 vs. V2
Impact

My designs met the primary business objectives:

  1. Created a clear premium upgrade path during signup and login.
  2. Integrated multiple in-app upgrade opportunities.
  3. Demonstrated premium value through access to exclusive content.
Conclusion

This project achieved the company’s goals, and with additional time, I would explore expanded media options to increase the appeal of premium services.

A down arrow
The Prompt

Screenr, a startup media app, has a strong base of free users and needed a subscription experience for paid, premium access. The project aimed to create a seamless freemium-to-premium conversion flow.

Project type
Concept Mobile App
MY ROLE
UX/UI Design, Interaction Design
PROJECT YEAR
2022
Click on the prototype below to check it out:
Prototype loading...
Business Goals

The following business goals were defined:

  1. Encourage new users to subscribe to premium during signup.
  2. Offer current free users premium upgrades in login and in-app.
  3. Enhance the paid experience with better features.
Target User

Tech-savvy, budget-conscious 18-24-year-olds, frequent mobile users, and content consumers who highly value streaming.

Analyzing Competition

I researched existing streaming apps, identifying valuable features like multiple subscription tiers and ad-free options from services below:

Services in Competitive Analysis

I integrated these into my design, refining features like benefits clarity, which lacked definition in some competitors.

Competitive Analysis Chart
User Flows

Designed two flows for users transitioning from free to premium:

1. New Users subscribing during onboarding:

Subscribing During Onboarding Flow

2. Existing Users upgrading within the app

Subscribing after logging in Flow
Design & Testing

Usability Testing: I conducted remote wireframe testing with four participants experienced in freemium upgrades. Key tasks included subscribing in the onboarding flow, accessing premium content, and navigating features.

Wireframe Testing Sessions

This testing informed several design adjustments:

Feature Clarity

Clarified how users earn premium days through sharing:

Sharing Screenr

Feedback

Added confirmation banners for key actions:

Toast example

Upgrade Options

Integrated upgrade CTAs in key screens like Home, TV Details, and Downloads:

Within app - settings

Upgrade Visibility

Users wanted multiple ways of upgrading subscription tiers in different locations within the app, so I made sure to include the upgrade option on multiple key screens:

Options to upgrade
Interaction Design

I designed fluid interactions, such as easily discernible tap states and horizontally scrollable shelves, to meet users’ expectations in streaming:

Added Value

The ability to watch all episodes of a TV show demonstrates the added value of the premium service to the user:

Hi-fi Testing

Final usability testing revealed minor adjustments needed for clarity:

1. Adding prominent Sign Up / Login options on landing screen:

Landing screen V1 vs V2

2. Enhanced login visibility on landing screen:

Login CTA V1 vs V2

3. Differentiated similar upgrade buttons for clarity:

Upgrade buttons V1 vs. V2
Impact

My designs met the primary business objectives:

  1. Created a clear premium upgrade path during signup and login.
  2. Integrated multiple in-app upgrade opportunities.
  3. Demonstrated premium value through access to exclusive content.
Conclusion

This project achieved the company’s goals, and with additional time, I would explore expanded media options to increase the appeal of premium services.

A down arrow
The Prompt

Screenr, a startup media app, has a strong base of free users and needed a subscription experience for paid, premium access. The project aimed to create a seamless freemium-to-premium conversion flow.

Project type
Concept Mobile App
MY ROLE
UX/UI Design, Interaction Design
PROJECT YEAR
2022
Click on the prototype below to check it out:
Prototype loading...
Business Goals

The following business goals were defined:

  1. Encourage new users to subscribe to premium during signup.
  2. Offer current free users premium upgrades in login and in-app.
  3. Enhance the paid experience with better features.
Target User

Tech-savvy, budget-conscious 18-24-year-olds, frequent mobile users, and content consumers who highly value streaming.

Analyzing Competition

I researched existing streaming apps, identifying valuable features like multiple subscription tiers and ad-free options from services below:

Services in Competitive Analysis

I integrated these into my design, refining features like benefits clarity, which lacked definition in some competitors.

Competitive Analysis Chart
User Flows

Designed two flows for users transitioning from free to premium:

1. New Users subscribing during onboarding:

Subscribing During Onboarding Flow

2. Existing Users upgrading within the app

Subscribing after logging in Flow
Design & Testing

Usability Testing: I conducted remote wireframe testing with four participants experienced in freemium upgrades. Key tasks included subscribing in the onboarding flow, accessing premium content, and navigating features.

Wireframe Testing Sessions

This testing informed several design adjustments:

Feature Clarity

Clarified how users earn premium days through sharing:

Sharing Screenr

Feedback

Added confirmation banners for key actions:

Toast example

Upgrade Options

Integrated upgrade CTAs in key screens like Home, TV Details, and Downloads:

Within app - settings

Upgrade Visibility

Users wanted multiple ways of upgrading subscription tiers in different locations within the app, so I made sure to include the upgrade option on multiple key screens:

Options to upgrade
Interaction Design

I designed fluid interactions, such as easily discernible tap states and horizontally scrollable shelves, to meet users’ expectations in streaming:

8 different sketches organized in panels in a wide rectangular frame
Added Value

The ability to watch all episodes of a TV show demonstrates the added value of the premium service to the user:

Hi-fi Testing

Final usability testing revealed minor adjustments needed for clarity:

1. Adding prominent Sign Up / Login options on landing screen:

Landing screen V1 vs V2

2. Enhanced login visibility on landing screen:

Login CTA V1 vs V2

3. Differentiated similar upgrade buttons for clarity:

Upgrade buttons V1 vs. V2
Impact

My designs met the primary business objectives:

  1. Created a clear premium upgrade path during signup and login.
  2. Integrated multiple in-app upgrade opportunities.
  3. Demonstrated premium value through access to exclusive content.
Conclusion

This project achieved the company’s goals, and with additional time, I would explore expanded media options to increase the appeal of premium services.

A down arrow
The Prompt

Screenr, a startup media app, has a strong base of free users and needed a subscription experience for paid, premium access. The project aimed to create a seamless freemium-to-premium conversion flow.

Project type
Concept Mobile App
MY ROLE
UX/UI Design, Interaction Design
PROJECT YEAR
2022
Business Goals

The following business goals were defined:

  1. Encourage new users to subscribe to premium during signup.
  2. Offer current free users premium upgrades in login and in-app.
  3. Enhance the paid experience with better features.
Target User

Tech-savvy, budget-conscious 18-24-year-olds, frequent mobile users, and content consumers who highly value streaming.

Analyzing Competition

I researched existing streaming apps, identifying valuable features like multiple subscription tiers and ad-free options from services below:

Services in Competitive Analysis

I integrated these into my design, refining features like benefits clarity, which lacked definition in some competitors.

Competitive Analysis Chart
User Flows

Designed two flows for users transitioning from free to premium:

1. New Users subscribing during onboarding:

Subscribing During Onboarding Flow

2. Existing Users upgrading within the app

Subscribing after logging in Flow
Design & Testing

Usability Testing: I conducted remote wireframe testing with four participants experienced in freemium upgrades. Key tasks included subscribing in the onboarding flow, accessing premium content, and navigating features.

Wireframe Testing Sessions

This testing informed several design adjustments:

Feature Clarity

Clarified how users earn premium days through sharing:

Sharing Screenr

Feedback

Added confirmation banners for key actions:

Toast example

Upgrade Options

Integrated upgrade CTAs in key screens like Home, TV Details, and Downloads:

Within app - settings

Upgrade Visibility

Users wanted multiple ways of upgrading subscription tiers in different locations within the app, so I made sure to include the upgrade option on multiple key screens:

Options to upgrade
Interaction Design

I designed fluid interactions, such as easily discernible tap states and horizontally scrollable shelves, to meet users’ expectations in streaming:

8 different sketches organized in panels in a wide rectangular frame
Added Value

The ability to watch all episodes of a TV show demonstrates the added value of the premium service to the user:

Hi-fi Testing

Final usability testing revealed minor adjustments needed for clarity:

1. Adding prominent Sign Up / Login options on landing screen:

Landing screen V1 vs V2

2. Enhanced login visibility on landing screen:

Login CTA V1 vs V2

3. Differentiated similar upgrade buttons for clarity:

Upgrade buttons V1 vs. V2
Impact

My designs met the primary business objectives:

  1. Created a clear premium upgrade path during signup and login.
  2. Integrated multiple in-app upgrade opportunities.
  3. Demonstrated premium value through access to exclusive content.
Conclusion

This project achieved the company’s goals, and with additional time, I would explore expanded media options to increase the appeal of premium services.

Some floating clouds - you're done with this case study!Some floating clouds - you're done with this case study!Some floating clouds - you're done with this case study!
UP