Designed a piece of onboarding for a breathwork app and I love how it flows.
Onboarding in wellness apps has one real business job: get people to the paywall already convinced. Every screen here was built around that.
The first screen asks what’s actually wrong with your sleep. Beyond personalization, it gets the user to name their problem, and someone who just admitted they can’t fall asleep is a lot more open to a solution.
The second shows what they’re getting with swipeable session cards. That’s the value pitch, made visual before any price shows up.
The last screen previews the real home screen with streaks and a Premium badge. By the time they tap “Get My Program,” they’ve already pictured themselves using the app, which makes the subscription step feel like the next step instead of a wall.
Spotlight – Please Touch is a tap-to-play SVGator template for product drops, launches and social promos, made for moments like a Nike sneaker drop, a Dior perfume launch or new Sony headphones. It waits behind a PLEASE DO NOT TOUCH sign until someone taps it: the rope drops, the product lands and spins, and the price and CTA slam in. Swap the photo, text, price and one brand-color layer, and it's yours in 5 minutes, with no re-animation.
How I built it: authored with the SVGator MCP, exported as tap-to-play (starts on click, plays once, resets for the next touch).
Editable: 11 named layers (logo, brand name, NEW badge, discount, old price, price, product image, brand-color, touch sign, headline, subheadline, CTA). Works with one product photo or 8 views.
Fonts: Anton, Inter, Playfair Display (free Google Fonts).
Proof: 3 brands from one file: Aeronyx sneaker, Ombrae perfume, Tonmere headphones from a single photo.
Brands are fictional. Product images are original, AI-generated.