top of page

Food4fun

Frame 2logo.png

About the Project

This food community app and website is a hub for food enthusiasts who want to discover new local restaurants, get inspiration for fun food experiences, and connect with their local community. We aim to connect users with high-quality food photography and authentic restaurant reviews, while also providing access to valuable discounts and coupons for restaurants.

Food4fun distinguishes itself from other apps by its primary function, enabling users to maintain personal rankings of their favorite restaurants and track the number of times they have visited each establishment.

My Role

Solo project

Time Frame

10 weeks

Spring 2023

Tools Used

Figma

Figjam

Axshare

Adobe Illustrator

🏆 Displayed in Entelechy 2023 Showcase

Visual Design Category

Design Process

Design Strategies
Sitemap + User flow
Rough Sketches
Paper Prototype
Visual Identity
Digital Wireframes
User-testing
Digital Prototypes
Final Designs

 

food4fun_cover photo.png

Design Strategies

Design strategies for this project included mind mapping, competitive research, persona development, and inspiration

Slide 16_9 - 77visual.png

Sitemap + Userflow

The app was created in the first 6 weeks and the website in the last 4 four weeks so the app maps and flows came first. 

Slide 16_9 - 81.png
Slide 16_9 - 80.png
Slide 16_9 - 73USER FLOW UPDATE.png

Rough Sketches & Paper Prototype

Creating a paper prototype allowed the main issues to be addressed early which was extremely helpful before moving onto the digital wireframes. 

Slide 16_9 - 74PAPER.png
Slide 16_9 - 75PAPER.png

Visual Design System

Heading into this project, I knew I wanted to make an attractive, fun, inviting design in order to make the concept as appealing as possible. When it comes to food, appeal is extremely important -- so I put extra focus into the visual design and branding. 

Frame 3lgoos.png

Digital Wireframes + User Testing

The first slide shows the process of the app and then scroll below to see the process of the website. 

Involved in both were multiple rounds of user-testing as the prototype developed from low-fi to mid-fi. 

Final Designs: App

Frame 4app style guide.png

Onboarding

Viewing Restaurants

Profile

Final Designs: Web

For the web portion of Food4Fun I chose to focus on creating an engaging onboarding experience and focus on the interaction animations.

Onboarding:

Additional

Interactive

Elements:

Main Pages

Overview

home.png
profile.png
restaurants.png
community.png
menu home.png
Frame 1.png

Reflection: 

Designing a mobile and web prototype for Food4Fun on my own let me explore new aspects of interaction design. Though there were areas I'd gladly spend more time on, this project was all about discovery, and it sparked a real passion for interactive design in me. This project was also featured in the Entelechy Showcase in the visual design category. 

bottom of page