Nutrition App and Responsive Website

Nutrition Mobile App and Responsive Website

Problem & Project Goal

The problem:

Kids lack nutritional information making healthy choice more difficult
to make.

The project goal:

Provide nutrition information to kids in an engaging way, which will
help them make better nutritional choices and improve the overall
long-term health.

 

 

User Research

During the research I found that kids would eat nutritious foods if they tasted good and were quick and easy to prepare.

There was a knowledge gap in terms of the benefits and how to prepare healthy and tasty foods.

Watermelon in a bowl

Initial Design Concepts

Sketched a few ideas based on the competitive audit
on how to make the nutrition content engaging.

Nutrition App Crazy 8 Sketch

Wireframes

Users wanted and needed an engaging way to learn about nutrition.

 

This is the initial prototype user flow before the usability study.

Nutrition App Low Fidelity Prototype Before Usability Study

Usability Study Findings

Users confused on how to print content and recipes

Users were confused by Get Recipe button, which opened another screen. The functionality was simplified using icons.

Users wanted search functionality

Users wanted the ability to search for recipes which was not included in the original design.

Users wanted the ability to save their favorite recipes

Added a feature to save a particular recipe, which can be viewed on the top right below the settings icon.

Conclusion

Lessons Learned:

Brand consistency importance when creating for different devices and screens sizes. End-user usability takes precedence and should always be at the forefront of any designs.

Next Steps:

 

  • Conduct another round of usability studies
  • Add search functionality to responsive websites
  • Add feature which allows user to compete on the games

Featured Case Studies

Best Fit mobile app UX screens

Best Fit Training App

Create an efficient app that would allow users ease of use to remove the barrier of non-compliant with training by tracking exercise workouts to help them reach their goals.

Bakery Responsive Website and High Fidelity Prototype

Bakery Responsive Website

Create a website that allows a customer to quickly view item availability, order items, and notify them of the pickup times.

Get Started

Start A New Project Today

Have a concept that you are thinking about and want to turn it into a product? Are you working on a project but keep running into issues getting it to production? Give us a call to discuss how we can make your dream a reality with our design, documentation, testing, training, and project management experience.

 

Team collaborating on a project

CONNECT

We would love to hear from you

 

Become a VIP

Become a VIP and you will obtain a monthly drawing entry for a course voucher valued up to $150. Plus, hear about special offers, new products, giveaways, and gain early access to new courses!

You have Successfully Subscribed!