Various Onboarding Experiences on 1stdibs
When a Trade member gets approved, this is the official welcome they receive on-platform. The goal is to briefly inform them about the perks they should take advantage of as Trade Members.
When a trade member is new to 1stdibs, we want them to understand how to use particular features that can help them. In this example we use a real testimonial to draw in their attention, a designer they can relate to. They then have the option to check out the feature which is mentioned.
A radiating coachmark animation is shown when either clicking directly from the CTA in the above modal, or if discovered later. Hovering over it will show you a description of the feature and then will disappear after you read it.
This series of simplified screens demonstrates some of the things you can do in “workspace", which is a new dashboard built in for all trade members to use to keep track of all their messages and invoices.
In order to get the word out about the new seller app feature to create a new listing, we created an onboarding full page takeover which was added into a build when the feature was brand new and ready to use. We worked with the iOS engineering team to create the animation for this storyboard, determining that by creating it in code would be a better decision so that we could use the same framework for other onboarding experiences to come in the future.
The above two animations are the final result of the above storyboard