Finger Foods

Building a retail experience for fellow snack lovers.

CONTEXT
VCU Brandcenter Student Project
TOOLS
Figma, Adobe Photoshop, Revit
TEAM
Solo Project
ROLE
UX/UI Designer, Experience Designer
SKILLS
Branding, UX/UI, Prototyping, 3D Design

01
|
OVERVIEW
BACKGROUND

Finger Foods is the quirky neighborhood snack shop for everyone who is still a kid at heart.

Finger Foods is a fictional store created as a student project. I built it from the ground up, including concept, branding, mobile website, and physical store design.

Finger Foods invites you to feed your inner kid. Let the certified snack experts do the work. Finger Foods is the snacktopia you didn’t know you needed.

Snacks! Snacks! Snacks!

Featuring a permanent store location, mobile food truck, and care package delivery, Finger Foods will make sure you are able to get snacks wherever you go.


02
|
SOLUTION
PART ONE | THE STORE

Introducing the Finger Foods Store

Located near a college campus, the Finger Foods store caters primarily to college kids with a secondary focus of local families.

1st Floor Plan
  1. Outdoor Seating
  2. Walk-Up Ordering Window
  3. Bar & Indoor Ordering Area
  4. Booth Seating
  5. Online Order Pick-Up
  6. Kitchen
2nd Floor Plan
  1. Upstairs Seating
  2. Care Package Area
  3. Check-Out
  4. Bathrooms
  5. Elevator
  6. Storage Closet
1st Floor Plan
  1. Outdoor Seating
  2. Walk-Up Ordering Window
  3. Bar & Indoor Ordering Area
  4. Booth Seating
  5. Online Order Pick-Up
  6. Kitchen
2nd Floor Plan
  1. Upstairs Seating
  2. Care Package Area
  3. Check-Out
  4. Bathrooms
  5. Elevator
  6. Storage Closet

Approach
With outdoor seating and an instagrammable mural, Finger Foods announces its presence loud and clear to anyone walking past.

Introduction
Visitors are offered the option to take-out from the walk-up ordering window or dine inside.

Dine-In
Visitors can order prepared food from the bar and grab candy from the rack while they’re at it.

Upstairs
Upstairs features extra seating as well as a check-out area for those looking for packaged snacks.

Care Package Area
Through Finger Foods, customers can send a snack care package. This area showcases two popular boxes; however, customers are able to create a custom box as well.


Video Walkthrough

PART TWO | THE MOBILE WEBSITE

Snacks on the Go

The website is the introduction to the world of Finger Foods. From the website, users can order food, send a care package, and book a food truck.

Order Food
From the mobile website, customers can order food for pick-up or delivery. Finger Foods aims to make your snacking as convenient as possible.

Send a Care Package
Forgot to send a birthday gift? Finger Foods has you covered with their custom care packages. Create your own or choose from one of the popular options.

Book a Food Truck
With the option to book a food trucks, Finger Foods can conveniently bring the snacks to you.

Order Food
From the mobile website, customers can order food for pick-up or delivery. Finger Foods aims to make your snacking as convenient as possible.

Send a Care Package
Forgot to send a birthday gift? Finger Foods has you covered with their custom care packages. Create your own or choose from one of the popular options.

Book a Food Truck
With the option to book a food trucks, Finger Foods can conveniently bring the snacks to you.


03
|
PROCESS

In order to create this business, I mapped out my target persona, created a moodboard, ideated logos, set brand guidelines, and created a minifesto.


04
|
REFLECTION
MY TAKEAWAYS
  • This was my first time designing a digital interface. I thoroughly enjoyed it, particularly with such a whimsical brand that I got to create.
  • I carried through the lessons I learned about user interface design into the website you are viewing currently.
  • This project taught me a lot about applying brand identity to all aspects of a brand and being consistent with tone and voice.

Thank you!