Project Components

Motion Graphics, Mobile Application, UI/UX, Advertising, Branding

PROPER BITE

PROPER BITE is a food and delivery service that delivers your meals how you want them. Customers can select from a variety of food, drink, and dinnerware options to satisfy their taste buds. PROPER BITE will create the meal you want, and deliver it to your location.

Motion Graphics

Three Bears Story

PROPER BITE’s motion piece is inspired by the story of The Three Bears, a fairy tale about a family of three bears who all have particular and contrasting quirks that make these characters unique. The narrative plays with the idea of people are different from one another, whether its careers, their personalities, or tastes in food.

Storyboards

The first few storyboards explores the concept of characters in their environment doing their usual daily routines displaying their differences to the audience.

In the final storyboard we are introduce with three different bears -- Raquel, Jacinto, and Ursa. These three characters are unique and introduce their different character traits and personalities. After a hard day’s work the three bears get hungry and began to salivate for food. The three bears remember the PROPER BITE app and introduces the audience to PROPER BITE’s main features of selecting and ordering meals.

Final Storyboard

Character Designs

Narrative Shapes

While part of the narrative element is about diversity in personality and tastes, I wanted the visual elements to be coherent and consistent throughout the project. An orange color was chosen to illustrate a fun and energetic mood, and a blue color perfectly compliment it. To play with the idea of unique differen tastes – different types of shapes of length, size, and color combos were used to illustrate that aspect of uniqueness. Animating these shapes to move sequentially horizontal or vertical was also another way to show variation.

Behind The Scenes

Mobile Application

User Experience

Problem

The problem is that food delivery apps don’t offer wide variety and selection of foods or drinks. Most delivery app services that make and deliver their own food have a limited menu. Other services provide food only from restaurants.

Solution

Allow users to customized their own food and drink from the ground up with variety of unique options. Customers can also find their favorite foods from wide selection of restaurants.

Food Customization

Users are given the ability to direct Proper Bite on how to cook meals from the ground up -- users have multiple options to customize any type of food. The objective was to develop a streamlined process which would defined other navigational tasks.

Dinnerware

Users could use this feature to purchase plates, cups, and utensils for office and college parties, potlucks, family outings, and any other large events.

Wireframes

Early UX sketches of the app content, navigation, and ideas.

User Testing

The purpose of the usability test was to find how users interact with the prototype to identify what type of content is valuable, useful, accurate, and accessible to the users. It is important to recognize what are the users’ behaviors, motivations, and wants when using the prototype. Uncovering any information from these users will help in refining or redesigning aspects of the navigation, content, and interface design.

The Task

You are running your hip company’s office party and your job is to provide pizza, drinks, and drinking and eating utensils for your co-workers. Please find and order these items for the party.

Testers

Rita Hernandez

Samantha Jordan

Jay Jordan

Jose Hernandez

Observations

Participants averaged 6.3 minutes doing the prompt task. Generally, users flow through the task of customizing a pizza, but at the beginning users interacted with other food categories that are listed in Food to advance to the ‘Pizza category’. Users spent most time in customizing pizza, as it was longest part of the task. User Samantha, Jay, and Jacinta used the search functionality to find any of the items like drink or dinnerware items, but the search wasn’t prioritized in the prototype. User Rita and Jose would frequently re-pick customized options, to see “how it works.”

User Response

User Rita noted that there was some misspellings. She also said that she wanted to pick the quantity of toppings to control the portions.

User Samantha said that navigation was great, but wanted the Custom Pizza to have “extra instructions field to let the user makes special request or state any allergies, etc.” She also desired to use the search function to find items quickly.

User Jose spend the most time with the app, and said that he had trouble reading the words.

User Jay said, “This was a good experience. I think it would have been better as an actual app. Since it was a demo I did want to choose specific options that were not clickable, but overall a fairly simple experience.” He also wanted to use the search function immediately.

Revisions

Food Allergy Feature

From user testing feedback it was important to develop a feature that could filter food by allergy. Food allergies are dangerous and it could mean life or death if a person isn’t aware of their meal. It is essential to alert users if the food they are choosing has any food ingredients that themselves are allergic to. Greying out any item level categories that heavily uses the filtered allergic ingredient(s) will signal users to be cautious.

Search and Filter

Users would choose the search field as the first option to find items. Users responded that not only searching to finds foods or drinks faster, but this feature would be used regularly to find all content. It was evident that designing a filtering system that could find food based on your tastes would improve users locating items.