Challenge

The main challenge was how to make a delightful and smooth onboarding experience for Wishpond's first-time users and as well as capture all of the necessary information. We didn't want our users to fill out a form because it's not the best practice for conversion, and we wanted to get our users into the platform as soon as possible. So we decided to divide the questions into four simple steps.

Visual Design

I designed friendly illustrations of people throughout the flow that animate depending on the users' input. The video follows the same visual style as the onboarding flow, inspired by Material design and the Wishpond website branding in 2018.

Step 1: Contact Information

Our sales team wanted to know the users' full name, email, company name, and website (so that they could check out their company and learn more about them).

Step 2: Industry

We wanted to learn more about what's their industry so we can later show relevant campaigns to our users.

Step 3: Company Size

We wanted to learn more about what's their company size for analytic purposes.

Step 4: Intro

We wanted to show a one minute animated introductory video about the platform, explaining how it works.

Takeaways

• Don't marry your design

  I loved how the initial onboarding steps turned out. After Wishpond launched the onboarding flow, it turned out we didn't need the company size and the intro video anymore because it wasn't helping conversion. We could easily find out about their company size from visiting their website, and the video was placed on the main page of Wishpond's website instead.

• Delight is all about the microinteractions

  One of the things that I find is missing in Wishpond's platform, is the small elements of delight, that you can get from just pressing a button or selecting something. I was super excited and happy to have the opportunity to create cool animations for this project. I found that I'm passionate about adding motion and dynamics to design. I also really enjoyed animating the intro video!