NUNI

Gain a thorough knowledge of your nutritional needs through engaging online video courses from experts.

Team

Project Mentor &
Peers

My Role

End-to-end
UX/UI Designer

Tools

Figma, FigJam &
Optimal Workshop

Timeline

80-Hour
Solo Project

Project Background

Nuni is a project completed during my studies at DesignLab UX Academy. It is an end-to-end design stemming from the topic of “Taking Care of One’s Health.”

To narrow it down, I asked a few acquaintances what “Taking Care of One's Health” meant to them and, from their feedback, I decided to focus on nutrition.

DISCOVER

METHODOLOGY

User Interview's
Competitve Analysis
Secondary Research

OBJECTIVE

I wanted to know what the stumbling blocks were for those trying to improve their health and nutrition.

CHALLENGES

How might we provide reliable information so users can make healthier dietary and lifestyle choices, on their terms, while still being affordable.

SOLUTION

An online learning platform that provides nutrition & health information from experts presented in video format. This way of learning is more engaging with a higher retention rate.

User Interview's & Pain Points

As far as approach to nutrition, everyone had their own beliefs, preferences, goals, circumstances, and so on, but 4 common themes emerged from affinity mapping.

AFFORDABILITY

Having tried various products, user’s didn’t want to spend on a program that didn’t produce lasting results.

SUSTAINABILITY

To be able to maintain progress made was key. To put in so much effort only to gain it all back wasn’t appealing.

FLEXIBILITY

All user’s were reluctant to start any program that was too restrictive because they knew they wouldn’t be able to maintain that kind of regiment.

JUDGMENT

There was also a fear of judgement, whether going off on their nutrition plan or going to the gym. Some felt the gym was an uninviting place for people out of shape.

Health & wellness platforms are risky! I don’t believe in them and they don’t work. I don’t think I can succeed on one because I’ve tried and failed so many times.

There’s a purpose for diets, even fad diets, but they are not sustainable.

Competitor Comparison

Noom

Backed by a team of experts
Includes 1:1 coaching
Changing relationship with food using psychology.
‍
‍

Cons

Noom is on the pricier side compared to other programs.
Very calorie restrictive.

MyFitnessPal

Basic plan is free.
Features include ability to scan barcodes of various food items or find them in the app's large pre-existing database.
‍

Cons

Little to no guidance.
No structured weight loss plan.
‍

Weight Watcher's

Simplified calorie-counting system that is personalized based on your age, weight, height and sex to help you lose weight.
No food restrictions.

Cons

Counting points can be tedious.
Membership can be pricey.
‍

View Results

Secondary Research

A product like this is bound to have a lot of competitor’s. Now that I had an idea of the major players, I wanted to know where people got their health-related information.

A quick search revealed that roughly two-thirds of American’s get this information from Google, social media, friends & acquaintances.

Personas

The primary persona that surfaced during research was an individual who has an eclectic knowledge of nutrition and has tried various diets without lasting success. They were all pretty up-to-date with nutritional trends, but they haven’t been able to balance their nutritional needs with their dietary preferences and lifestyle.

IDEATE

METHODOLOGY

Information Architecture
Card Sorting

OBJECTIVE

Now that I know what I want to build, I need to create of a blueprint of the product.

CHALLENGES

One of the challenges I faced was making sure the naming convention of categories and pages were understood by the vast majority.

Information Architecture

Before I began designing the “look” of the product, I needed to consider how user’s were going navigate the site. Creating a sitemap was necessary to organize and visualize where everything will be arranged.

Card Sorting

Card sorting revealed that out of 31 cards and 6 categories, there were 5 naming conventions that had 50% of the participant’s confused. This is good to know before I begin building the site.

UI Branding & Style Guide

I designed the logo with the holy trinity of wellness as the inspiration... mind, body & spirit, shown by 3 fluid shapes which flows into one another, to reveal a “play” icon at the center. I took inspiration from colors of the earth seen from a far distance.

Wireframes

Low Fidelity Wireframes

From sketches to low fidelity wireframes, login, dashboard, course list page & a lesson page were created.

High Fidelity Wireframes

Group crits discussion's revealed that too many features overlapping the main flow to the lesson page was confusing and distracting. As a result, I've eliminated some of the features and focused on the main objective whilst keeping only the essential elements.

Navigating to the lesson page and having the ability to see one's progress were the two main features. Anything outside of that, at this point, wouldn't realistically be possible or well researched enough to implement.

EVALUATE

METHODOLOGY

Usability Testing
Usability Test Chart & Analysis

OBJECTIVE

Test the first version of the product and analyze the results in preparation for the next iteration.

Usability Test

To get an overview of the test results, I gathered all the feedback and created a chart. This made it easier to analyze the results.

What worked

All 5 participants had “0” errors navigating to the lesson page.
The color scheme, layout and features were found to be attractive and appropriate.

Key takeaways

Some UI elements are distracting and inconsistent and needs updating. For example, the glow behind logo and glowing neon effect behind video.
Very simple design, but a safe start.

Problem's Solved

AFFORDABILIITY

User's will learn all the most aspects of nutrition at a fraction of the cost & time. They will gain a strong foundation and know how to apply what they have learned for the rest of their life.

SUSTAINABILITY

Even with all the media, most people have limited knowledge of the fundamentals of nutrition. A thorough understanding will eliminate faulty knowledge and give the user's confidence in their choices.

FLEXIBILITY

As user's will be learning, applying, designing/curating their own meal plans, fitness regime and dietary needs, They will have full control, allowing as much flexibility as needed

JUDGMENT

As user's will be discovering and applying what they learn, it will be a judgment-free zone where they will have the opportunity for trial-and-error.

Conclusion

Executed

A nutrition learning platform.

Trials

Discerning between real pain points vs an unwillingness to make positive changes.

Learned

The research method, such as observational research, could have influenced the outcome of the design.

Next...

A feature to allow user to meal plan.

Outcome

I chose to solve the users’ pain points by giving them the opportunity to expand their knowledge, as it can only lead to better decision making for oneself.

Future Considerations

I would have liked to have pre-screened my participant's, but due to time constraints and lack of resources, the participants were selected based on availability. Having the right participants, at least 5 of them, and conducting more than one round of interviews or utilizing observational research, would have given the overall design a stronger foundation.