It was an exciting time at Drift. We were preparing for Hypergrowth, our annual conference, and were going to announce a brand new product called Drift Video. The plan was to have our CEO announce it and ask audience members to sign up for the product right then and there. Only trouble is that there wasn’t a way to sign up for the product - yet.
And so we went out to solve this customer problem:
After I sign up, I want to easily get setup so that I can record and send a video.
This onboarding needed to be simple and easy for…. everyone. Our persona was anyone in a B2B context - really anyone should be able to sign up and use the product.
As the product designer on the team, my role was to identify and design the different user flows for desktop and mobile. The team was made up of a Product Manager, Product Designer, Tech Lead, Front End engineer and User Researcher. I also worked closely with our iOS team to ensure that what we designed for desktop would transfer well to mobile.
One of the biggest challenges with designing this onboarding was that there were a ton of possible paths a user could take. We had to consider what device they were on (desktop, iOS or Android) and support whether or not they already had a Drift account.
Another challenge was working with the product itself. Drift Video is a Google Chrome extension and because of this, we had to design within the constraints of Google’s APIs while still providing a smooth experience for Drift’s users.
For the sake of clarity and focus, I’m going to focus on the specific details related to the desktop onboarding flow.
The first step was to identify the different user flows we needed to solve for. My PM and I worked closely here, and then prioritized which ones to tackle first.
I then made flow charts to visualize paths a user could take and what road blocks they might run into. This was incredibly important to get the whole team and our stake holders on the same page. Whenever this question was asked: “what happens when…” the answer was to check the flow chart. And if the answer wasn’t there, then we uncovered a new scenario to add!
To get access to the product, users needed to download the Chrome extension. We leaned into our role model, Honey, and followed their pattern by bringing the Chrome Extension page to the user.
Once users got into the product - the next step was to record their first video! This is where we ran into the technical limitation of Google’s API - we weren’t allowed to open the Drift Video Chrome extension automatically.
This meant that instead of bringing the recording experience to the user, we had to rely on the user to find the recording experience themselves. And so we got creative and used bouncing arrows as a recurring signal to guide users to their next action. The repeated visual made it so that users knew exactly where to go to record their first video.
After users launch the Drift Video exension, they need to grant camera and microphone permissions to record their first video. This was a hurdle because of the perceived loss of privacy. To ease the fear, we made it clear “why” these permissions were so important to recording great videos that produce results. And if users really didn’t want to grant permissions, we had a screenrecording flow to handle that path as well.
During the process I tested with internal sales reps and iterated. Once I felt good with the designs, I worked with our research team who screened and user tested this design with brand new users on usertesting.com.
To learn whether or not we succeeded, we created a funnel to track key steps of a customer’s journey. From a customer’s perspective, we organized our funnel like this:
Product enabled = I’ve created an account
Sign up completed = I’ve installed the Drift Video extension
Video created = I’ve created my first video!
Video viewed = My video was viewed by someone else.
Over the past 7 months since it’s launched, the average conversion rate for someone who installs the Drift Video extension to recording their first video is 75%. With the range being from 73% to 82% conversion rates. Even typing this is an insane number to me!
We then identified other opportunities to improve the funnel. We found two major parts in our experience to tackle next. First was “Product enabled” - how could we drive signups so that someone would install Drift Video? Once they installed - it was clear they were 75% likely to record a video.
The second opportunity was “Video viewed” - once someone recorded a video, how could we encourage them to share it to get a view? By sharing - they’d complete their flywheel to fuel more video creating + sharing.
With tracking - we learned what was working and what wasn’t so we could focus our efforts on the parts of the funnel that needed the most help.