Low-fi Wireframes
The team stared our designs with some concept sketch. They are a valuable process to product building, they will put your team on the same page, the yare fast and easy to change.
The Challenge
• The tool can be focused in any category that relates to personal wellbeing, such as (but not limited to: exercise and fitness, and meditation).
• The only requirement is that it tracks the user's progress and pushes them to commit to a healthier lifestyle.
• The UI should reflect a fresh, updated image.
Client
The National Wellness Institute is an organization founded in 1977 with the mission of providing health promotion and wellness professionals unparalleled resources and services that fuel professional and personal growth.
My Team
Wisler Altidor — UX UI Designer • Ageliki Key— UX UI Designer
Duration
4 weeks
Tools
Figma, Maze, Coolors, Photoshop.
The Problem
Despite the vast availability of personal metrics and health apps, people continue to struggle to maintain a healthy lifestyle. I was required to conduct user research to understand people's relationship with mental, physical, and emotional well-being in order to develop a tool that will drive them to action.
The Solution
We build a product that will motivate users to consistently meditate through celebrity guest to lead sessions and leveling system. Users will gain XP by using the app, following their routine, challenging other users, and partake in live sessions. User will be rewarded through leveling, and they can complete different challenges to earn awesome titles to display on their profile. Vibe will push users to come back to the app, whether it’s not to lose their steak, lose a challenge, or a quick workout users will be stay on top of their mental health.
%201.png)
The team stared our designs with some concept sketch. They are a valuable process to product building, they will put your team on the same page, the yare fast and easy to change.
After agreeing on a design, we build our mid-fi wireframe. The reason we moved to mid-fi so quickly is because our deadline was getting close, really close. We decided the mid-fi test results would be more valuable. We tested out mid-fi through Maze for quantitative data and we did in person testing for qualitative data. We outlined the changes we made in red.
.png)
After testing our mid-fi, we got a lot of feedback on some functionalities that were hard to find, like the settings. We review our feedbacks and brainstorm on how to implement the changes.
.png)
We did Visual Competitive Analysis for our 2 biggest compactors. We looked at key features and elements they used, if it is something that would be viable in our app, we would build our own take on it.
.png)
.
After that, we put our Moodboard together for desirability testing and our color palette.
.png)
.
We created this style tile using our color palette and the fonts we will be using throughout the app. When we were choosing our fonts, we wanted to use 2 fonts that would be easy to read and compliment or style. We use Monoton for our logo and Roboto for text to compliment it.
.
Building this App was an amazing achievement for me and my partner. We had to push ourselves beyond our limitations. We build a product that will motivate users to consistently meditate through celebrity guest to lead sessions and leveling system. Users will gain XP by using the app, following their routine, challenging other users, and partake in live sessions. User will be rewarded through leveling, and they can complete different challenges to earn awesome titles to display on their profile. Vibe will push users to come back to the app, whether it’s not to lose their steak, lose a challenge, or a quick workout users will be stay on top of their mental health.
You can test the prototype yourself via this link.
Do more user testing!
Dark Mode!
Update our emojis
Add WAVE feature
Thank you for your time.
