The problem
Many users were abandoning the process before completing onboarding or felt lost upon arrival.
Furthermore, our outdated design system caused inefficiencies, requiring significant effort to create new components from scratch due to its limitations.
Client
Global Commerce Media
Date
Sep 2023 - Apr 2024
Services
UX/UI Design
Design System
Onboarding
A significant amount of time in this project was dedicated to identifying weak spots in the onboarding process. We relied heavily on Hotjar's heat map features, which allowed us to understand how users were interacting with onboarding elements.
How we reduced onboarding drop-offs
After trying different ideas through A/B tests, we finally made an onboarding process that worked well. We removed some steps and made adjustments. For instance we removed the pricing step that was causing people to leave, and added a required Google Calendar step. Before, users could skip it and end up with an empty product, which was confusing. We also made sure to explain why this step was important for the best experience in our app.
We leveraged a native UI kit built with Tailwind CSS to Speed up development
Over time, however, we encountered issues with the original design system, which was built using Tailwind CSS. To address this, we transitioned to Flowbite, a more suitable solution for our framework. This change not only accelerated development but also strengthened the consistency and reliability of our design system.
