Breaktime
Project Duration: 9 Weeks
Role: UI designer
Platform: Android
Tools: Figma, Miro, Adobe Photoshop,
Adobe Illustrator, Blender
​
In this project I was assigned to work with a group to design a new product. The product we decided to design was a gamified wellness app that would track how long users have been on social media apps for that day.


Social media is a powerful tool, It can connect users with family, friends and the world around them. However, there are some strong drawbacks to social media. Including excessive use & over consumption within the newer generation. This over consumption can lead to issues with mental health and a decrease in productivity. Which brings up the question;
“How might we encourage positive social media use patterns that discourage over consumption and reduce negative mental health effects?”
We began to answer this question by sending out a screening survey and holding some user interviews with the people who passed our criteria. We concluded that the best way to help users cut back on their social media usage was to gamify the experience.
With our interviews done, we created an affinity map and began brainstorming to figure out what we were going to have to develop. We decided to give our users challenges that they could compete for rewards so they wouldn't feel like we were taking something away from them. We developed a site flow then each member of the team created their own prototype.
I started with sketches then made my mid fidelity prototype. I wanted the app to have important information the user would need when first opening the app. This being the usage stats, goals and daily challenges. We then ran some usability tests and iterated based on the feedback I got.
We then created our style guide. For this project I also created our product’s logo and the avatars that we used in the product. Then I created my high fidelity prototype. For the overall design I wanted it to feel fun to open and use.
![]() | ![]() |
---|---|
![]() | ![]() |
![]() |
Style Guide and Assets
![]() | ![]() | ![]() |
---|---|---|
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
Final Thoughts
So far has been my favorite project to work on! But looking back at this project a few things I would like to revisit is maybe adding some micro-interactions throughout the app to give it even more personality. Also I would like to develop the pages we didn’t have time to. The final thing I would like to revisit would be making a concrete user persona.