real
Crafting onboarding for a therapeutic mental wellness app — or merging engagement and clinical efficacy.
real
Crafting onboarding for a therapeutic mental wellness app — or merging engagement and clinical efficacy.
Real is a mental wellness app offering therapist-created content at scale.
Real is a mental wellness app offering therapist-created content at scale.
CHALLENGE
Onboarding had to accomplish 3 critical jobs.
01.
Introduce an atypical care model
02.
Guide members to their first piece of content in a way that would optimize long-term engagement and retention
03.
Clinically support members from the get-go, whether they reached us in state of relaxed curiosity or one of emotional crisis
CHALLENGE
Onboarding had to accomplish 3 critical jobs.
01.
Introduce an atypical care model
02.
Guide members to their first piece of content in a way that would optimize long-term engagement and retention
03.
Clinically support members from the get-go, whether they reached us in state of relaxed curiosity or one of emotional crisis
INTRODUCING
ONBOARDING
THE BABY
ONBOARDING
01. Get to know Real
02. Sign up
03. Customize your experience to your needs and curiosities
04. Escalate your clinical care as needed
Get to know Real
Sign up
Let your needs and areas of curiosity shape your experience
Escalate your clinical care as needed
ROLE
Design strategist
Interaction designer
Visual designer
UAT buddy
SKILLS
Competitive analysis, User flows, Wireframing, Interaction Design, Visual Design, Presentation
ROLE
Design strategist
Interaction designer
UX writer
Visual designer
UAT buddy
SKILLS
Competitive analysis, User flows, Wireframing, Interaction Design, Copywriting, Visual Design, Presentation
How I got there?
Looked something
like this.
How I got there?
Looked something
like this.
SCOPING
We had 6 months to design and build a brand new app from scratch. I worked closely with Product and Engineering to outline, scope and prioritize the “MVP” features we’d launch with — based on our OKRs, timeline and technical considerations.
SCOPING
We had 6 months to design and build a brand new app from scratch. I worked closely with Product and Engineering to outline, scope and prioritize the “MVP” features we’d launch with — based on our OKRs, timeline and technical considerations.
WIRES
Now that we had a clear “what”, I used wires to iterate on the “how”: the functionality. I tagged team with Engineering to define components and interactions. As I owned copy on this feature, I used this step to a) align with XFN collaborators (e.g. Legal, Marketing, Clinical) on what we needed to communicate on key screens, and b) iterate on the more intuitive and human way to convey those messages.
WIRES
Now that we had a crystal-clear “what”, I used wires to iterate on the “how”: the functionality. I tagged team with Engineering to define components and interactions based on our technical constraints (e.g. selecting a component library to accelerate the design-to-build transition, technical dependencies). As I owned copy on this feature, I used this step to a) align with XFN collaborators (e.g. Legal, Marketing, Clinical) on what we needed to communicate on key screens, and b) iterate on the more intuitive and human way to convey those messages.
HI-FI + HANDOFF
After a couple iterations of wireframing and frequent XFN reviews, functionality was locked down. Here was the kicker: because of our tight timeline, my design partner (who owned her own set of features) and I had to come up with the stylistic direction as we finalized our individual features. The challenge was to create a sense of consistency while working separately and super-fast. Once we’d finalize a feature, we’d host a hand-off session with Eng and answer any of their questions. Then, we’d UAT the features completed by Eng. If revisions were needed, each designer would work directly with the engineer implementing the feature to make those changes live, in 20 min to 1h UAT work sessions.
HI-FI + HANDOFF
After a couple iterations of wireframing and frequent XFN reviews, functionality was locked down. Here was the kicker: because of our tight timeline, my design partner (who owned her own set of features) and I had to come up with the stylistic direction as we finalized our individual features. The challenge was to create a sense of consistency while working separately and super-fast. Once we’d finalize a feature, we’d host a hand-off session with Eng and answer any of their questions. Then, we’d UAT the features completed by Eng. If revisions were needed, each designer would work directly with the engineer implementing the feature to make those changes live, in 20 min to 1h UAT work sessions.
