
Vincere Health
Summary
Vincere Health is a website and mobile app that assists users on their journey to quitting smoking. The app offers financial incentives, real-time biofeedback, and a personal health coach for each user.
The company hired me and two other designers when they noticed a decrease in retention during their onboarding process. My job was to redesign their onboarding to keep users engaged and excited about starting the program.
Tasks and Tools
Figma
User Personas
User Journeys
Iterative Design
Wire-frames
affinity mapping
Visual Design
Miro
Otter
Design Studio
User Interviews
Accessibility
My roles
-
Project manager
-
UX Writer
-
Lead in synthesizing research, user personas, and journey maps
All the graphics in this case study were created by me.
Style guidelines
This was the color palette I was given by Vincere.

The quick brown fox jumps over
the lazy dog
Title: Roboto, Regular, 35pt
The quick brown fox jumps over
the lazy dog
SubTitle: Roboto, Regular, 20pt
The quick brown fox jumps over
the lazy dog
Text: Roboto, Regular, 14pt
Vincere's current onboarding

During our stakeholder interviews, the CEO mentioned wanting to change this “brain looking thing” they had as a background.

Users filled out a questionnaire through website and then were directed to the app.





Vincere used the word “smokalyzer device” to talk about their biofeedback device.


Vincere was very clear that we could not guarantee to users that they would quit at the end of the program.

Because the platform onboarded users through a survey on the website, they were able to kept their questions sections short.



What did competitors offer?




I did a competitive analysis on 5 different smoking cessation apps' onboarding processes. Most of these apps began their onboarding process with a few intro screens.

After the initial introduction, they began collecting information from the user.
To make the process more appealing, many apps used colorful graphics and colorful backgrounds.
Key takeaways
-
Keep it short and sweet
-
Colorful graphics make it fun
-
Avoid asking for too much too soon
Identifying with the user
.png)




Cycle of change chart reminds us that relapse is just a part of the cycle.

New users were likely those who have contemplated quitting, and are now taking action.

What are some of the feelings and emotions that happen when they’ve decided to quit smoking?
Key insights
-
By referring to the "Cycle of Change" chart, I was able to understand what the user may be experiencing in this phase.
-
The user may go from being excited to quit, to absolutely dreading the idea, and back again many times before they are successful.

Before interviewing the user there were a few considerations to make...

"I've gone through TSA twice in order to smoke."

Smoking and quitting are both sensitive and loaded subjects.
We wanted candid info and feedback from our users, so coming from a place of neutrality was key here.

Not only did I want to hear from people who were contemplating quitting, I also wanted to hear from those who had successfully quit smoking.

By speaking with these users, I could get an idea of what worked for them.
Key interview takeaways
-
They like the idea of having a coach help them through the difficult moments.
-
Users have tried many times to quit. They ultimately want to quit, but become overwhelmed, or don’t know how to identify their triggers.
-
Users smoke to self-medicate. Smoking relieves their anxiety.
-
Their lives revolve around smoking.
-
Users felt guilt and shame around smoking.
I took these insights and plugged them into Miro
From that I made two personas:
Mark is my primary persona.
-
He is married, and has two middle school aged boys.
-
He has tried quitting before, but was never successful in the long term.
-
He hates gum and patches, but the idea of quitting cold turkey makes him feel really anxious.
-
He asks his wife to make him accountable, but when he slips up he feels twice as bad, causing him to lie.
-
Mark feels a lot of shame around smoking. He feels like he should have quit by now. He feels like a failure.
-
We want Mark to feel like he is being supported without judgement.
-
A health coach will be really beneficial for him to feel empowered
“Now I’m putting WD40 on the door hinges so she doesn’t hear me sneak out to smoke.”

Click below to learn more about Mark:
Ardalan is my secondary persona.

"I smoke almost never, but sometimes."
-
He is 31, has been smoking on and off for a long time but doesn’t consider his habit an addiction
-
Guilt doesn’t work on him. He pushes back when authority figures try to give him any unsolicited advice.
-
He decides he will consider quitting, but only if he can see real changes. If he doesn’t see any big impact, he doesn’t really see the point.
-
He doesn't really think his smoking is a problem.
-
If he's going to quit he needs to see hard data.
-
He needs to go at his own pace.
Click below to learn more about Ardalan:
Sketching the intro
Design Studio Objectives
-
Be friendly
-
Have colorful graphics
-
Convey information clearly and transparently
-
Be short enough to keep users engaged
Imagery






This graphic needed to show diversity, represent the program and be clear and easy to understand.

Here we wanted to show the user that they get paid, and that the insurance companies cover the bill.

This page needed to show the visual of a device connecting to their phone, and a graph to represent real time feedback.

This graphic needed to show the health coaching process. The coach needed to come off as warm and non-judgemental.
Designing the intro.
1. What does Vincere offer?

The intro page should break down the whole scope of the program. I especially wanted to hook people in by letting them know they could earn money.

Users could skip the intro

I often heard “What’s the catch?” By being transparent about the process, I could keep users excited and build trust.

User's don't want to be policed. They want feedback on their progress. I switched the language to reflect that.






From my competitive analysis I knew that color was going to be my friend.

Initial Stakholder feedback
-
Make the background white, to match their current design
-
Cut down on the information given on each screen and rely on graphics
.png)
Between the two designs, I really thought the color was the way to go... so I let the users decide. I tested both designs against each other, and...
I was wrong!
Users found it hard to read the colorful screens. Because conveying information was my North Star, I kept the white.
Ch-ch-ch-ch-changes.

I added this screen to introduce users to the “Quit Kit”, to explain why Vincere needed user's address.



Men felt they weren’t being represented in any of the graphics, so I added a male graphic.


When we were transparent and thorough, our users felt more informed about what Vincere offered, and showed a stronger interest in moving forward.
The final design, and prototype
The end result was an onboarding process for Vincere Health that used inclusive language and was easy to understand. The visuals were friendly, and inviting, but not overwhelming.