Introduction

Vita-Love is a design for a vitamin tracking app that utilizes wearable technology to connect the mind to the body.  The ultimate goal is to empower people by giving them the tools to non-invasively monitor their health.   

The objective was to design a system to teach users about their specific health stats without drawing blood. I have a huge passion for nutrition and am fairly knowledgeable in the field. When I began speaking to friends and family members I realized that people have very little understanding of what nutrients are and what they do for your body. 

Key Takeaways:

• Goals - To improve the mind-body relationship to increase awareness 

• Designed to give patients a tool to aid in doctor discussions

• This is designed for three markets: health-conscious, patients with deficiencies that need monitoring, and pregnant women 

initial ideation

When I first brainstormed this project this was one idea I had where the product would use pressure sensitive adhesion to stay on the skin when the user wanted to wear it. 

Take Aways:

The user would not opt to wear this if they owned a fit watch.

prototype

I created a prototype of the peel off idea using sticky-back foam. This helped me think about how the user might feel using it.

Take Aways:

It is awkward to wear this. People are not used to using a product like this.

User flow

This is Jake who is feeling fatigued during his lunch break at work. He remembered that he is wearing his Vita-Love which might be able to tell him why he feels unusually tired. He checked the mobile app to see what vitamins are related to this feeling and then scanned his B12 levels. Turns out that Jake hasn't ate enough today to have a proper B12 level.

Jake then is able to save these results from the mobile device to the phone app. He thinks at his appointment in 2 weeks he should mention this to his doctor. 

Once at the appointment Jake was able to have a informed conversation with his doctor who advised him to take a B12 supplement because Jake is vegetarian. He continues to monitor his levels over the next couple weeks. It turns out they have improved since taking the supplements. He saves these results for next time.

intial app design

I started this project a year before coming back and refining the design and concept. At that time in my life I had a end-product first type designer. Instead of wire-framing or sketching I did live action refinement in illustrator to design this prototype. I even made it into a InVision project to test it on people's phones. I enjoyed designing this but it needed some refinement.

Wireframes

Upon coming back to this project a year later I decided I needed to redesign it to make an updated and easy to use app. Using wireframes I explored what the app interface would be like. I became very intrigued by the idea of an interface where all menu options are located within thumb range.  

animated gif

By creating an animated gif I was able to really examine the motion the thumb makes. I found this motion much easier than reaching to the upper left corner. The precedent of menus/navigation comes from desktop where anything is easy to reach via mouse. However, I wanted to break this consistency to create a better user experience with my app.

The user will have the option of flipping the menu for left handed or right handed use. All options and settings are located within this wheel menu. 

UI elements

I wanted the design to feel fresh but cool. There is pretty sophisticated technology implemented into this product so the colors and icons needed to have that feel without being too impersonal. 

high fidelity prototype

After defining colors and style I designed a high fidelity prototype that would define how similar pages would look. This made going forward with designing much easier because I now had a template.  

wearable devices

I thought very hard about the pros and cons between a wearable I designed with one job, to take vitamin levels, or using a smart watch. Users would much rather have a multi-use device they are accustomed to wearing. The smart watches today already have light sensors in them and pressure sensors so it was the best choice to apply the ability to read vitamin levels to a device that has similar features.

final design

Take Aways:

I would love to bring this self-motivated project to life. It would be a really amazing to work with a developer to at least create this app for people to use to learn basic information about vitamins like how to consume them through food.

Project Take-Aways

 This project took a lot of discipline because it was a self driven project over two semesters in undergrad. I had decided to create a dual UX & ID project since I fell in love with UX. I was teaching myself everything from programs to code by YouTube tutorials and reading ebooks by UXPin.