Loading video...

Video Failed to Load

Go Home

Prototyping a custom animated Onboarding Tutorial view for my Mockview app✌️ Notes: - It doesn’t touch the actual view. Instead, it takes snapshots and presents them in an overlay window. - The given onboarding points transitions smoothly from one point to another.

_Kavsoft's profile picture

Kavsoft

28,692 subscribers

41,833 views • 10 months ago •via X (Twitter)

Science & TechnologyEducationArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Building a high converting app onboarding flow is hard.. So I built a Claude Skill that does it for me Instead of spending hours figuring out the right questions and pain points… now it's done in 5 minutes Just point it at your codebase and it does the rest Questionnaires. Custom plans. App demos. The exact strategy used by Cal AI ($1M/mo) and Mob ($100k/mo) It's the App Onboarding Questionnaire skill and it's available on github here:
0:31

Building a high converting app onboarding flow is hard.. So I built a Claude Skill that does it for me Instead of spending hours figuring out the right questions and pain points… now it's done in 5 minutes Just point it at your codebase and it does the rest Questionnaires. Custom plans. App demos. The exact strategy used by Cal AI ($1M/mo) and Mob ($100k/mo) It's the App Onboarding Questionnaire skill and it's available on github here:

Adam Lyttle

250,598 views • 2 months ago

Clandle has one of the best examples of good onboarding in an app. Onboarding - The first thing you see is a video demo → instant clarity on how the app works - It collects contextual data (ex: where you discovered the app) - It asks for a review midonboarding, leveraging early excitement to boost ratings Paywall - Seamless transition from onboarding to paywall - Clear pricing: €9.99/month - Strong incentives: 7 day free trial + 71% discount on the annual plan - Exit intent offer: close the paywall and get an 81% discount Onboarding is one of the most critical parts of any app. Make it interactive, dynamic, and optimized for conversion.
1:05

Clandle has one of the best examples of good onboarding in an app. Onboarding - The first thing you see is a video demo → instant clarity on how the app works - It collects contextual data (ex: where you discovered the app) - It asks for a review midonboarding, leveraging early excitement to boost ratings Paywall - Seamless transition from onboarding to paywall - Clear pricing: €9.99/month - Strong incentives: 7 day free trial + 71% discount on the annual plan - Exit intent offer: close the paywall and get an 81% discount Onboarding is one of the most critical parts of any app. Make it interactive, dynamic, and optimized for conversion.

César Álvarez

167,498 views • 2 months ago

Duolingo is one of the best examples of good onboarding in an app. Onboarding - 7 questions to understand the user - Creates a personalised learning plan - Collects contextual data (like where the user hear about the app) - Introduces key features like widgets Paywall - Smooth transition from onboarding to paywall - The paywall feels like part of the experience, not a sales screen - Personalised based on the language selected - 7day free trial for the annual plan One of the most important aspects of an app is onboarding, so make it as interactive as possible.
0:35

Duolingo is one of the best examples of good onboarding in an app. Onboarding - 7 questions to understand the user - Creates a personalised learning plan - Collects contextual data (like where the user hear about the app) - Introduces key features like widgets Paywall - Smooth transition from onboarding to paywall - The paywall feels like part of the experience, not a sales screen - Personalised based on the language selected - 7day free trial for the annual plan One of the most important aspects of an app is onboarding, so make it as interactive as possible.

César Álvarez

284,787 views • 3 months ago

iOS Photos App Style Transitions Using SwiftUI NOTES: 1. The transition is not an overlay but a full-screen cover. 2. The paging is done using Page Tab View, not ScrollView.
0:25

iOS Photos App Style Transitions Using SwiftUI NOTES: 1. The transition is not an overlay but a full-screen cover. 2. The paging is done using Page Tab View, not ScrollView.

Kavsoft

13,654 views • 3 months ago

Another great example of app onboarding is Macadam. Their onboarding flow is exceptionally well designed. Key things: - Engaging animations and vibrant visuals - Gradually collects information from the user - Clearly explains how the app works - Requests necessary permissions at the right moments - Delivers instant dopamine with coins and streaks It feels less like an onboarding and more like the first experience of the product.
0:32

Another great example of app onboarding is Macadam. Their onboarding flow is exceptionally well designed. Key things: - Engaging animations and vibrant visuals - Gradually collects information from the user - Clearly explains how the app works - Requests necessary permissions at the right moments - Delivers instant dopamine with coins and streaks It feels less like an onboarding and more like the first experience of the product.

César Álvarez

268,788 views • 3 months ago

To streamline the onboarding experience, I automated screen transitions, eliminating the need for users to manually click 'Continue.' This reduces friction while still allowing them to sign up or log in at any point.
0:33

To streamline the onboarding experience, I automated screen transitions, eliminating the need for users to manually click 'Continue.' This reduces friction while still allowing them to sign up or log in at any point.

Dennis Obaro the UI/UX KING

25,423 views • 1 year ago

The story… such a lavish room, and that final window view. Doesn’t it look like an airport? So serene. Enjoy, my girl. ♥️🤗 #TanyaMittal
0:56

The story… such a lavish room, and that final window view. Doesn’t it look like an airport? So serene. Enjoy, my girl. ♥️🤗 #TanyaMittal

Priya Vatsh 2.0

13,505 views • 5 months ago

The onboarding intro for Drippi, my liquid timer app.
0:22

The onboarding intro for Drippi, my liquid timer app.

Jose

50,320 views • 5 months ago

This is what the high-converting onboarding of a $112,000 MRR app looks like Unrot locks your apps and only lets you use them if you maintain healthy habits Onboarding: - 32 screens - highlights the user’s problem - clearly shows how it solves it - social proof - asks to rate the app - hard paywall - close it = 94% discount Copy this
1:24

This is what the high-converting onboarding of a $112,000 MRR app looks like Unrot locks your apps and only lets you use them if you maintain healthy habits Onboarding: - 32 screens - highlights the user’s problem - clearly shows how it solves it - social proof - asks to rate the app - hard paywall - close it = 94% discount Copy this

Jacob Rodri

259,952 views • 2 months ago

I NEED HELP: can you guys roast the onboarding for my app? just updated it and would love some feedback 🙏🏾
0:35

I NEED HELP: can you guys roast the onboarding for my app? just updated it and would love some feedback 🙏🏾

ashen

40,549 views • 15 days ago

View Transitions are a gift 🎁 One set of CSS keyframes and a scoped custom property to ::view-transition-old/new(body) 🚀
0:20

View Transitions are a gift 🎁 One set of CSS keyframes and a scoped custom property to ::view-transition-old/new(body) 🚀

jhey ʕ•ᴥ•ʔ

142,254 views • 2 years ago

If you want to build a great onboarding for your app. Checkout how indie ios goat Yoni Smolyar did it with Brainrot. Onboarding: – Starts with a video demo – Clearly shows the problem – Smooth animations & interactions – Collects user data early – Explains how the app solves it – Even asks for a review mid-onboarding Paywall: – Hard paywall – Close it → 50% discount – Close it again → 80% discount This is what high-converting apps look like.
1:04

If you want to build a great onboarding for your app. Checkout how indie ios goat Yoni Smolyar did it with Brainrot. Onboarding: – Starts with a video demo – Clearly shows the problem – Smooth animations & interactions – Collects user data early – Explains how the app solves it – Even asks for a review mid-onboarding Paywall: – Hard paywall – Close it → 50% discount – Close it again → 80% discount This is what high-converting apps look like.

César Álvarez

359,484 views • 2 months ago

“View from the RUINS.” Raymond Arroyo reacts to Jill Biden’s new memoir announcement. “They’re calling it View from the East Wing. At this point it might be more accurate to call it View from the Ruins.”
1:26

“View from the RUINS.” Raymond Arroyo reacts to Jill Biden’s new memoir announcement. “They’re calling it View from the East Wing. At this point it might be more accurate to call it View from the Ruins.”

Laura Ingraham

190,467 views • 3 months ago

the danse ai app onboarding and paywall
1:16

the danse ai app onboarding and paywall

David Attias

51,343 views • 1 month ago

Introducing Mockview 5.0 (macOS)✌️ This update packs many new updates such as: 1. Animated video mockups (keyframes) 2. Artboard for multi-mockups 3. Brand new app UI & layout 4. Now export mockup up to 2x scaling 5. Faster export times and much more. Notes: 1. This video is created using the Mockview app 2. This is only a macOS update, iOS update will come after some time✌️
1:00

Introducing Mockview 5.0 (macOS)✌️ This update packs many new updates such as: 1. Animated video mockups (keyframes) 2. Artboard for multi-mockups 3. Brand new app UI & layout 4. Now export mockup up to 2x scaling 5. Faster export times and much more. Notes: 1. This video is created using the Mockview app 2. This is only a macOS update, iOS update will come after some time✌️

Kavsoft

18,172 views • 17 days ago

Former Knesset speaker explains how “equality of rights” and a “Constitution” are a threat to the state from an Israeli point of view…. He further explains that they view the American democratic left as all “wokes” and the American right as all “antisemites”, and that the only thing in it for them is “Silicon valley, profit, and technology..” What a wild admission…
2:44

Former Knesset speaker explains how “equality of rights” and a “Constitution” are a threat to the state from an Israeli point of view…. He further explains that they view the American democratic left as all “wokes” and the American right as all “antisemites”, and that the only thing in it for them is “Silicon valley, profit, and technology..” What a wild admission…

Uncommon Sense

83,049 views • 2 months ago

I can't stop seeing #CSS View Transitions! here I'm animating new `node.textContent`, letting the browser handle the morph while bringing in custom animations (and stagger) for stage enter and stage exit 🥲 try it
0:51

I can't stop seeing #CSS View Transitions! here I'm animating new `node.textContent`, letting the browser handle the morph while bringing in custom animations (and stagger) for stage enter and stage exit 🥲 try it

Adam Argyle

469,407 views • 2 years ago