General_Onboarding.png

1stdibs Trade Onboarding

Various Onboarding Experiences on 1stdibs

Trade Program Welcome

Trade Program Welcome

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.

Trade Onboarding Browsing Experience

Trade Onboarding Browsing Experience

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.

Coachmarking

Coachmarking

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.

Workspace for Trade Members

Workspace for Trade Members

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.

Onboarding for "Create a New Listing" MVP for Sellers

Onboarding for "Create a New Listing" MVP for Sellers

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.

Item_upload_Part1.GIF
"Create a Listing" Onboarding in Action

"Create a Listing" Onboarding in Action

The above two animations are the final result of the above storyboard