Saladify App

(UX Design, 2021)

Background

Saladify is a mobile app targeted towards salad lovers, and other health conscious individuals seeking to discover new salad recipes and figure out what kind of salads they can make with ingredients they have at home.

Saladify came to fruition from my final application project for CS 160 (User Interface Design + Development).

I learned a great deal from this project after familiarizing myself with design processes like wireframing, storyboarding, and conducting cognitive walkthroughs. Moreover, I was able to solidify my prototyping skills using Figma and web development skills with Javascript and HTML/CSS.

An important step of the designing process that I learned from CS160 was the use of storyboarding, which helped me visualize an actual user’s experience with my application, and would later help me in the sketching phase with solidifying the flow of the user’s interaction with Saladify.

Storyboarding

Sketches

After finalizing my idea, I created some sketches to demonstrate a mockup of our app’s interface and to highlight some of the key features of Saladify, including the ability to browse for salads, track its ingredients, and to also view similar salads (recipes for other salads with similar ingredients with your selected recipe).

Wireframes

Next, I constructed some wireframes for Saladify’s interactions in order to move to a higher level of detail and visualize the flow of the application from screen to screen.

My favorite part of the design process, bringing our design to a higher fidelity with increased interactivity by prototyping using Figma. From here, I finally decided on a minimalistic, green color scheme that would reflect Saladify’s healthy, “green” identity.