Mobile free trial signup flow examples

Free trial signup flow examples

Step 1 · 1:27
See the flow
Layout for Instagram・Inpreview
Top bar with restore/close, background image with text overlay, central white modal with subscription timeline, bottom CTA button, and footer disclaimer.
Step 2 · 1:33
See the flow
Layout for Instagram・Inpreview
The screen consists of a dark, blurred background with a centered white modal card containing subscription details, pricing, and system-level payment instructions.
Step 3 · 1:38
See the flow
Layout for Instagram・Inpreview
A centered modal sits on top of a subscription offer card, with a primary CTA button at the bottom.

Step 1 · 0:49
See the flow
Zutobi: Permit & Driving Prep
Top hero illustration, followed by a headline, a list of four feature points with icons, and a bottom call-to-action button.
Step 2 · 0:52
See the flow
Zutobi: Permit & Driving Prep
Header at the top, followed by a vertical timeline list of three steps, and a large call-to-action button at the bottom.
Step 3 · 0:54
See the flow
Zutobi: Permit & Driving Prep
The screen is vertically oriented with a headline at the top, a testimonial card in the middle, social proof metrics below that, and a primary CTA button with footer links at the bottom.
Step 4 · 1:00
See the flow
Zutobi: Permit & Driving Prep
A centered modal overlaying a blurred background screen. The modal contains app info, pricing, terms, and a confirmation button.
Step 5 · 1:06
See the flow
Zutobi: Permit & Driving Prep
Centered modal overlaying a subscription landing page with header, social proof cards, and footer links.

Step 1 · 1:29
See the flow
SunSafe: UV Index & Tanning
Top-aligned headline text, centered product mockup, and a bottom-anchored primary action button.
Step 2 · 1:42
See the flow
SunSafe: UV Index & Tanning
Headline at the top, centered product mockup in the middle, and a large call-to-action button at the bottom.
Step 3 · 1:50
See the flow
SunSafe: UV Index & Tanning
Top text header, central product mockup image, bottom primary CTA button.
Step 4 · 2:03
See the flow
SunSafe: UV Index & Tanning
Top text header, central product mockup, bottom primary CTA button.
Step 5 · 2:09
See the flow
SunSafe: UV Index & Tanning
Header text at the top, centered product mockup in the middle, and a large primary action button at the bottom.

Step 1 · 1:35
See the flow
Windy.app — Wind, Tides, Radar
Top close button, centered title, vertical timeline list, toggle switch, pricing text, and bottom CTA button.
Step 2 · 1:43
See the flow
Windy.app — Wind, Tides, Radar
Top close button, header text, three feature icons, collapsible list of benefits, and a bottom subscription call-to-action card.
Step 3 · 1:52
See the flow
Windy.app — Wind, Tides, Radar
The screen features a dark background with a vertical timeline, overlaid by a white, rounded-corner system modal at the bottom half of the screen.
Step 4 · 1:58
See the flow
Windy.app — Wind, Tides, Radar
Top close button, header, vertical timeline steps, centered success modal, toggle switch, pricing text, and bottom CTA button.

Step 1 · 5:07
See the flow
Ascend: Bible Game
The screen is vertically centered with a headline at the top, a list of benefits in the middle, a mascot illustration below that, and a primary CTA button at the bottom.
Step 2 · 5:10
See the flow
Ascend: Bible Game
Top text header, central character illustration with notification badge, bottom text disclaimer, and a large primary CTA button at the bottom.
Step 3 · 5:12
See the flow
Ascend: Bible Game
Header with title and close button, followed by a vertical timeline, two selectable plan cards, a 'view all' link, and a large primary CTA button at the bottom.
Step 4 · 5:14
See the flow
Ascend: Bible Game
Top close button, header text, feature list, three stacked plan cards, and a large bottom CTA button.