al
Web Onboarding
Date
February-April 2022
Illustration, UX/UI
What I Did
Team
Andrew Schwint
Colleen Curtis
Angela Lin
Sebastian Vergara
Figma, Jira
Tools
Product managers were looking for a new way to get sign-ups via web. They believed this would increase engagement and sign-ups for each client. This was the first project I worked on at Well.
​
THE PROBLEM
How do we create an alternative sign-up that doesn't require downloading the app?
THE START
Dissecting the product managers' initial ideas.
The PMs had drawn up basic wireframes and the flow of the web onboarding process and outlined a list of requirements. I was tasked to make those into hi-fi designs and communicate with developers on what we could create.
Some Requirements
-
Translate lofi wireframes into hifi ones
-
Create a similar sign-up process as the mobile app with minimal steps
-
Create an illustration that embodies Well's mission
RESEARCH
Documenting my new design knowledge.
Responsive Design
I had never created responsive designs before so I started out by doing extensive research on how different breakpoints work and their requirements. Over a month, I created documentation on responsive design in Confluence for the design team's library.
DESIGN
A long iterative storytelling project.
Illustrations
Besides the general UX/UI of the onboarding experience, I had to make an illustration. I spent a month creating and editing the illustration before my team and I were satisfied with the result. My last design told the story of users being able to move forward with their health journey and gain rewards and achieve their health goals.
Iterations of the Illustration/Format
Final
Learning how to deal with limitations and bad design for the sake of business.
Over the course of two months, I engaged in several conversations with PMs, developers, and the design team to work out what we could do. The awkward QR code that would take you to the app store had to be included in the web onboarding instead of just the Apple and Play Store links so people wouldn't be stuck on web. We couldn't utilize sending a mobile link because the technology hadn't yet been developed and security reasons. Below are a few steps of the sign up process and desktop, mobile, and tablet breakpoints.
Deliverables
Desktop
