To assist with onboarding, we aimed to create a wizard that simplifies the process, allowing customers to start using the platform with only essential information.
- Scope: Design User Flow
- Role: Research, Concept & Visual Identity
- Tools: Figma & HTML
- Collaborators: Product Owner, UX Writer & Engineers
Picture/logo upload process screen
Process
Ideation
I worked with engineers to create an interim solution since the user lobby would go live before the profile wizard. Collaborating with the UX Writer, we introduced hint cards to guide users through the current profile pages and navigate to the onboarding lobby upon completion.
[videojs_video url=”https://www.gd86.co.uk/wp-content/uploads/2024/04/wizard_concepts.mov” autoplay=”true” controls=”true” loop=”true”]
I developed options for the interim profile overview page based on customer needs. Inspired by other platforms, I split up the lengthy form process. Collaborating with colleagues, we reduced the content to save customers time and chose a design that aligns with other platform wizards for consistency.
Outcome
[videojs_video url=”https://www.gd86.co.uk/wp-content/uploads/2024/04/wizard_outcome.mov” autoplay=”true” controls=”true” loop=”true”]
The final design guides a customer through the process of providing the necessary information to have a fully working account. The process is now split up into three steps, making it easier for a customer to follow and reducing any anxiety as the form process now looks less intimidating.
