Woof off Your Stress


Designer, Developer
(including UX design, interaction & technical prototyping)


Lisa Ho (UX, UI, graphic & landing page motion graphics design)
Seong Jin Park (UX, graphic & reward motion graphics design)



UX/UI Design
Web Development


Node.js, HTML, CSS, JavaScript, jQuery, Adobe XD

Concept Statement
Stress has been a growing force in our society especially in the digital age we are in now. With our group members interest in mental health, we decided to focus on the issue of stress. For our project, we are creating a website that prompts the users to use his/her phone to play a mobile task-oriented game that requires body movement. This helps to engage the mind and body, not necessarily to reduce stress but to divert our attention from our thoughts and problems. In the end, users are prompted to return to the website to smile at the camera and enter a code to unlock and smile at the camera to unlock a “reward” which is a personalized art pattern with easing motion.

According to the annual "Stress in America" survey released by the American Psychological Association, American stress levels rose from 4.8 to 5.1 out of 10, between August 2016 and January 2017 among 3440 adults ages 18+ who reside in the U.S. Young Americans continue to report higher stress levels than older generations. While we collected several relaxation techniques to reduce stress, we ended up applying exercise, social support, journaling, and smile and laugh to our project.

Target Audience
Our target audiences are students and early young professionals who have stress and work/projects in their daily life. They lead a busy and in some ways, a stressful life.  For our audiences, our website encourages physical movement such as a task-oriented game. We then after a series of tasks and requirements, our game also provide a personalized art piece with a stress fact as a way for their self-reflection in the process and think about themselves and related social culture and their lifestyle by the content we provided. This might influence users into thinking more about their habits and daily life.

Key Messages & Takeaways for Audience
  • Sense of satisfaction

  • Encourage physical movement & smile

  • Mindfulness towards stress

  • Shift of the state of mind away from stress

Mobile Tasks

1. Draw on the canvas to reveal something

2. Write down any negative thoughts & throw it away

3. Shake your hands for 30 seconds

4. Walk 50 steps
Task Example: Draw on the canvas to reveal an image



Iterative Prototyping - Technical

Demo Video - Technical Prototype

© 2019 Anny Chang.
All Rights Reserved.