Hey Hackernews, Eric here!
Wanted to share a new website we just built called productonboarding.com (Next.js and RSC). The site has screenshots and videos of product onboarding from companies like Figma, Notion, Framer, and more. It’s sort of like Mobbin for web-based product onboarding.
We build a lot of product onboarding at our startup Frigade, and over the last year we’ve put together an internal library of hundreds of product onboarding examples that we refer to all the time with customers. It helps them find and copy patterns that work at other companies so they don’t need to create net new experiences or A/B test their way into the best performing pattern from scratch.
Given it's been so useful to us, we decided to open it up to the world. We bought productonboarding.com and have started adding examples from our collection and made them browsable and sortable. We’re planning to add new examples weekly.
Hope this is helpful to any of you who are currently thinking through building new onboarding experiences. Would love any ideas and feedback. Thanks!
I noticed that your background is white-ish, and it's having the unfortunate affect of blending in with the screenshot cards that are also white-ish. You'd have the same issue if you made your site black-ish.
Can I suggest playing with making your background a more distinct colour and possibly also adding a border to your cards.
This would greatly help with enhancing how much the screenshot cards pop out off the page.