Utility App

March 2 - April 14, 2020

NUTRISH

This project was focused on developing a utility app that could be used on a daily basis. I was tasked with creating my idea into a functional prototype, including the user interface and brand identity, through one user flow. Nutrish is an app that helps users track the nutritional content in their diets, focusing on the achievement of their personal goals. The user flow I decided to focus on was logging a meal and viewing the nutritional value. 

SKILLS

Brand Identity 

UI Design 

Prototype - Figma

BRANDING

I chose to make the branding bright and clean in order to maintain an easy-to-read and use system. The contrast between the main colors, as seen to the right, is strong when placed on a white background. The app icon is green to highlight the values of the brand as well as connect Nutrish to the healthy world. 

Branding-03.png

PROTOTYPE

I created a click-through video to show how users will interact with the app. 

 

Here is a link to a live prototype.

Flat Mockup 02
Flat Mockup

FINAL SCREENS

I exported each screen separately to document each page in detail and to focus on the layout rather than the user interface. 

Home
Loading
Sign In
Home - 2
Log - 4
Nutrition
Search - Salmon
Add Meal - Salmon 2
Add Meal - Jasmine Rice 1
Add Meal - Jasmine Rice 3
Add Meal - Jasmine Rice 4