Nosh

App Screens

The Problem

There isn’t a social media platform dedicated to sharing food photos and recipes and that is what Nosh is trying to solve. Nosh is all about improving the food sharing experience.

The Goal

To create a space where foodies can share their food photos and recipes, and also get inspiration from other app users.


The Design Process

UX Research Plan

I fleshed out a UX research plan, which included a competitive analysis and a survey with usability testing.

My main research goals were to understand what users value most about social media platforms and learn what features they would like to see in an app like this.

Competitive Analysis

I conducted a competitive analysis to familiarize myself with the social media industry and processes. I identified multiple ways in which these competitors provide a better user experience:

  • Photo heavy
  • Strong & clear branding
  • Good filter and search features
  • Modern, clean & simple design layout

Competitive Analysis Chart

Survey

I had 7 participants with varying social media habits fill out my survey. Some of the questions asked were:

  • Which social media app do you use most and why?
  • What device do you mostly use while using social media apps?
  • What features would you like to see on a social media app that are not currently there?

My goal was to learn the goals and pain points of each social media user.

Research Insights:

  • 57% of the participants agree that photo-heavy apps are more appealing to them because they are low commitment.
  • 100% of the participants mostly use social media on their mobile devices.

To see the complete survey results, click here to view it in a new window.


Task Flow

Using FigJam, I created a task flow for the user’s action to sign up/in and interact with other users’ posts on the app. As a result, this served as an outline for the required screens for the wireframes.


Sketches

I created some sketches and low-fidelity wireframes to generate as many unique ideas as possible. I used this opportunity to visualize and decide the most efficient user flows.

Nosh sketches
Nosh sketch 1
Nosh sketch 2

Low-Fidelity Wireframes

From the sketches I made, I came up with these low-fidelity wireframes, which helped me to visualize the overall flow and feel of the app.

Flyer
Flyer
Flyer
Flyer
Flyer
Flyer

UI Design

The goal of the Nosh brand was to showcase an approachable, fun and intuituve user experience. I explored various colours and typefaces that would best fulfill that goal.

Style Guide

Style Guide

High-Fidelity Designs

These are the high-fidelity designs I came up with. They show the flow of creatinng an account/signing in and interacting with posts on the app.

To see more, try out the prototype of the app below.

High-Fidelity Designs

Usability Testing

My objective was to test the sign-up/in flow, search, like and save features, as well as the overall navigation of the app. I did the testing using the high-fidelity prototype of the app that was developed in Figma using the mobile app designs.

My aim was to test the intuitiveness of the app.

I had 3 participants take part in this usability testing and these interviews were conducted virtually.

The participants completed the main flow of signing up and interacting with posts on the app by liking pictures/posts and saving them for later.

Feedback

I love how this app looks! It looks so real.

This app is clean and I could see myself using it.

The app is very intuitive.


Interactive Prototype

You can view and click-through the interactive prototype below.

Pro-tip: View it in full-screen to get the best experience!


Conclusion

Learnings & Next Steps

The goal of the Nosh app was to provide a platform where users can network with another by sharing food posts and recipes. I learned that user research and testing are very important in the design process. By listening to my users’ feedback, I uncovered valuable insights that helped me improve my designs immensely and think outside the box.

The design process is highly iterative and there’s always an opportunity to improve my designs. The next step would be to design more screens to showcase even more user flows.

Other Works