Photo Editor New Onboarding & Paywall

Edit images with unique filters and effects, or generate AI videos

Published in app stores · September 2023


arrow-down

Context

The app offers users a collection of over 300 exclusive filters and effects. Recently, a new feature was introduced - an AI-generated video that transforms a still image into a short video.

Users can easily enhance their photos with image adjustments, filters, special effects, overlay textures, stickers, frames, and a text editor. During the editing process, users can compare the 'before' and 'after' of the edited photo with the original.


Goal

With the aim of improving user engagement and conversion rate, the project centred around two main sections of the app:

  1. Onboarding flow: This involved modifying the copy and images in the onboarding flow, along with making slight adjustments to the UI.
  2. Paywall: Transforming the current image based paywall into a video based one.

Existing Product

Onboarding Flow

existing onboarding 1 existing onboarding 2 existing onboarding 3 existing onboarding 4 existing onboarding 5 existing onboarding 6 existing onboarding 7 existing onboarding 8

Paywall

existing paywall 1 existing paywall 2 existing paywall 3 existing paywall 4

Research

Vixer

Temply

PS Express

Focos

Remini

Pixelup

Prequel

Tezza

Filto

Lightleap

Lensa

Common patterns identified include:

  1. Engaging Onboarding Flows

    Users are engaged by applying effects interactively (via buttons or sliders) or by watching a video demonstrating the effects.

  2. "Apply and Next" Logic

    The flow of "apply and next" logic is similar to apps like Focos, Remini, or Pixelup.

  3. Demographics

    A majority of users in these apps are women.

  4. Paywall/Sign-up Screen

    All onboarding flows conclude with a paywall or sign-up screen.

  5. Continuation Buttons

    Most onboarding flows continue with a button rather than a carousel.

  6. Centralised Buttons

    Buttons are typically centralized in the interface.

  7. Consistent Design

    Buttons for continuing onboarding are often similar to buttons for continuing with payment.

  8. Font Style

    Sans serif fonts are commonly used.

  9. Video-Based Paywalls

    Vixer and Temply serve as good examples of simple video-based paywalls.

This research serves as a foundation for informed design decisions.


Solutions

Onboarding Flow

1

Buttons

  1. Always maintain at the same position to create a seamless flow towards the paywall.
  2. 'Apply effect' and 'continue' buttons should have different appearances for providing more engagement when applying an effect (which would feel like it “enables” the 'continue' button).
  3. No need for both 'Next' and arrow.

Before

Before button Apply Before button Next

After

After button Apply After button Continue
2

Images

  1. 2/3 images of women of different colours (taking into consideration the target user).
  2. 1/3 images of men.
3

Copy

  1. Relate better to the specific images and effects applied.
  2. Titles changing together with subtitles in every screen.
  3. Add a date to the reviews.

Paywall

1

Copy

  1. Less text and a more simple message.
  2. Taking the approach of a 'payramp' rather than a 'paywall' ('Ready to go Pro?' / 'More magic awaits' / 'Redeem your free trial').
2

Colours

SAVE 90%': using the complimentary colour for emphasising this concept and popping it out.

3

Videos

Video in the background as a sequence of shorter videos of 'natural moments' - creating a calm and relaxing feeling


Paywall Iteration

Initially, I wanted to make the design of the paywall more consistent with that of the onboarding, in terms of colours, background, and the distribution of the elements. However, after a discussion with the team, we decided to make a more “radical” trial and to simplify the paywall even further.

Existing paywall Iteration paywall Iteration paywall final

Final Design

Onboarding Flow

interact

Click to interact

Paywall

Paywall 1 Paywall 2

User Testing

The new onboarding flow and paywall have been tested post-production on a segment of users (50%) over a period of 2 months. The results allow the comparison between the original designs and the new ones.

Onboarding Flow

When it comes to conversions from install to subscription started (or trial converted) the new design underperformed in the US (3.58% vs. 6.99%) yet over-performed outside of the US (0.497% vs. 0.358%).

3.58
New Design
6.99
Existing Design

US Market

0.497
New Design
0.358
Existing Design

Non-US Market

Paywall

The experiment once again underperformed in the US (4.01% vs. 6.88%) yet over-performed outside of the US (0.608% vs. 0.251%).

4.01
New Design
6.88
Existing Design

US Market

0.608
New Design
0.251
Existing Design

Non-US Market


Reflections

The tests lack statistical significance and would need to be further experimented with, over a longer period of time. If the results remain the same, a solution could be to provide localised designs changing according to the location of the user.

Onboarding Flow

  • Experiment with the other two types of user engagements (i.e slider to apply effects / video of applying effects)

Paywall

  • It might be worth exploring other copy options when explaining the features, like selling the 'why' rather than the 'what'.
  • Experiment with the placement of the paywall: Before / After onboarding; Before / After using a core feature; Each time the app opens

arrow-up
Get in touch