Grip is a system of products that aims to help smokers quit smoking gradually with the support from their loved ones.

Collaborative project

Role: UX designer

Graphic Designer: Chufan Huang

Product Designers: Echo Cho, Andy Kim

Topic: System design

Duration:  May - August 2018

Tool used:

Sketch, Principle, Adobe Illustrator, Adobe After Effects


Problem Statement

Quitters easily lose
motivation and determination 

Worldwide, 1 billion people smoke.
70% of smokers, about 700 million people,  are trying to quit.
But only 7% of quitters actually succeed.

Susan Flentie

“Teenagers develop habits that will last a lifetime, an active, healthy lifestyle should start now.”



Involve an Intimate supporter 

The system involves a supporter who has an intimate relationship with the quitter in supporting the quitter during the quitting process. It improves communication and interactions and helps build trust between the quitter and the supporter.

Smart AI system

The system helps users create and keep on track of the gradual smoking cessation plan. It works as an intelligent supervisor that the quitter can talk to or negotiate with.

Introducing Products and Features

Grip Home

Grip home device aims to help create better communication between the quitter and the supporter.
It is a smart AI product that applies the technology of machine learning and sentiment analysis to learn and analyze users’ communication. It gives valuable and effective feedback to users.
It uses voice interface input and gestures to control.

Grip Home Features and Interactions >


​Sleep Mode

View date and time

During Conversation

Capture key points

Balance of the conversation

2 colors, representing the quitter and the supporter glow to show how balanced the conversation is.

After Conversation

View and save the key points

  • Check summarized key points

  • Wave left and right to switch between key points

  • Wave down to save key points

Grip App

The Grip App shows the quitter’s quitting progress, the daily and full quit plan, and it helps both the quitter and the supporter to make a wiser decision in their daily life.

Grip App Features and Interactions >


Grip Quitter’s App

Onboarding process: make a smoking cessation plan

  • Enter personal information and select the role

  • Scan QR code on the package

  • Confirm the supporter’s account

  • Grip Home syncs with the Grip App

  • Confirm the Grip Ring with a fingerprint that is mirrored on the app

Home page: performance, negotiation and progress

Negotiate with the system to smoke cigarettes beyond daily plan

Plan page: view and edit daily or full plan

Choose smoking time and number of cigarettes on specific days

Progress page: check detailed data and progress

Graphs showing the progress and tables showing the data

Conversation page: ask for a conversation and view history

  • Ask for a conversation with the supporter and the system will schedule a conversation later on the Grip Home

  • View completed conversations in the past with the analysis of the conversation, shown through the graphs, and valuable information.

Grip Supporter's App

Home page: information of the quitter and suggestions  

  • Receive alerts, notifications and suggestions.

  • Save the suggestions for future reference.

Grip Supporter’s Ring

The Grip Supporter’s Ring sends alerts and notifications to the supporter and creates instant connection between the quitter and the supporter.

Grip Quitter’s Ring

The Grip Quitter’s Ring records the quitter’s craving and tracks his smoking. It allows the quitter to send SOS message to the supporter.

Grip Ring Features and Interactions >


Grip Quitter’s Ring

Track smoking behavior

  • On track: before smoking and during smoking

  • Slip: before smoking and during smoking

Send SOS message

Long press the button

Record a craving

Press the button

Final Presentation


User Research

Support from a loved one has a positive influence on their smoking cessation, yet, the misunderstandings between the quitter and his loved one bring bad effects on smoking cessation process.

Joseph Y.
28 years old

"I decided to quit smoking because of my wife. She was such a strong motivation for me, and we got married!"

Kartick P.
27 years old

“I wish my boyfriend would be more understanding and encourages me, rather than nagging and judging me.“ “I don’t know if my boyfriend knows that quitting smoking is something very hard to do.”

Joey M.
30 years old

“I had decided to quit smoking because of my wife, and we got married!“

“I wanted my wife to believe and wait for me with encouragement, even if I fail on quit smoking.“

Alaina H.
44 years old

My husband had an important role in my success in quitting smoking. I tried stopping many times before I finally succeeded. Don’t let a slip get you down."

My husband understood and continuously listened to me.”

Bonnie Z.
20 years old

"I prefer to quit smoking by gradually reducing the cigarettes." 

"It's just like a habit that cannot be stopped in force, but based on the personal decision ."

Jason L.
29 years old

"My girlfriend wanted me to quit smoking because we planned to have a baby. I tried gradual cessation and I tried vaping instead during the process." 

My girlfriend would help give me distraction when I had a craving. We would walk the dog or do grocery shopping.”

Chang L.
30 years old

"I decided to quit smoking because of the result of my physical exam... I stopped it immediately and feel really happy about the decision."

Positioning Matrix

  • Involve a supporter who has an intimate relationship with the quitter in supporting the quitter during the quitting process.

  • Use the smart AI system to help users create and keep on track of the gradual smoking cessation plan.

  • Build trust between the system and the users, especially between the system and the quitter.


Design Criteria







Affinity Diagram

User goals and features

After understanding user goals and needs, our team brainstormed the possible features that the system needs.


Prioritize features

Categorize and prioritize features into MUST HAVE, COULD HAVE or WON’T HAVE

Information Architecture

Organizing information on screens of devices

Grip App

Grip Home



visualize IA by wireframing

Paper prototype and user test


refine information on screens

  • Real-time information on home page

  • Focus on the quitter and the supporter and get rid of social connection

  • Fewer repetitive information and functions between the home device and the app

Round3 : 
finalize information, layout, wording, interactions on screens

  • Refine information hierarchy on each screen

  • Adjust the way of showing information

  • Refine micro-interactions


User Flow


Previous project:
Next project:
Get in touch

©Wenyuan Xu
+1 (626)354-9255