Foodsnob

A shortform video platform for food lovers

As the lead product designer at Foodsnob, I created an app where influencers could share videos of their favorite plates.

The aim was to create an immersive foodie experience by connecting influencers with their audience and providing a convenient way for foodies to discover, connect with fellow food lovers, and order dishes directly from the showcased videos.

Time

September 2021 – November 2021

Role

Design Lead, Product Designer

Team

1 Product Designer
1 Visual Designer

Deliverables

Wireframing
Mobile App
Merchant App
Design System
Landing Page
Marketing Assets

Discipline

UX/UI Design
UX Research
Graphic Design
Interaction Design
Design Systems

KPI

KPI

Business Impact

56

56

Influencers were onboardedin just 90 days

5M

5M

combined followers in just 90 days

148%

148%

Growth MoM

302B

302B

US Off-premise Food Purchase Market Opportunity

45B

45B

Online Food Delivery Market Opportunity

Understanding the Problem

Understanding the Problem

Challenges for merchants, eaters, and food influencers

Merchants have been struggling with marketing to meet the demands in the delivery boom while eaters have been struggling with finding the best food. Food influencers are struggling to make consistent income.

Client Business Solution

Client Business Solution

TikTok for Food + Uber Eats

The Playhouse team aimed to revolutionize the real estate landscape by creating an engaging and dynamic product that combined elements from TikTok and the real estate market. Our goal was to offer a fresh and captivating experience for a younger audience who desired more than traditional methods of exploring real estate. While branding materials and the logo were provided by another designer before my involvement, I contributed to the overall development and execution of the project.

Clients' Business Solution

Clients' Business Solution

"We would like to create a TikTok + Uber Eats where influencers share their food videos reviewing restaurants and users get to order the featured food."

"We would like to create a TikTok + Uber Eats where influencers share their food videos reviewing restaurants and users get to order the featured food."

🧑🏻‍💻 Peter, the CEO

🧑🏻‍💻 Peter, the CEO

"Foodsnob, the influencer, makes money by charging merchants a 15% referral fee and a SaaS subscription fee. We then share the revenue with influencers."

"Foodsnob, the influencer, makes money by charging merchants a 15% referral fee and a SaaS subscription fee. We then share the revenue with influencers."

👩🏻‍💼 Sheng, Sales and Marketing

👩🏻‍💼 Sheng, Sales and Marketing

Eaters

  • Explore exciting new food

  • Crowdsource food ideas

  • Support small businesses

Restaurants

  • Save 10-25% on commissions

  • Own customer relationships

  • Own branding decisions

Influencers

  • Monetize idle contents

  • Get guaranteed payout

  • Grow follower base

Product Specifications

Product Specifications

Planning the app

The client initially provided product specifications and basic design screens. Through a series of meetings and review sessions, we engaged in an iterative process to refine the wireframes, determining what to add and what to remove.

Opportunity

Opportunity

How might we streamline the process of discovering and ordering dishes from local restaurants?

HMW streamline the process of discovering and ordering dishes from local restaurants?


HMW enhance the social networking aspect of the app to foster connections and engagement among food enthusiasts?

HMW improve the search and filtering capabilities to help users find specific recipes or cuisines easily?


HMW integrate a rating and review system to allow users to share their feedback and experiences with recipes, restaurants, or specific dishes?


HMW create a seamless and intuitive onboarding experience for new users?


HMW personalize the app to cater to individual dietary preferences and restrictions?

Deliverables

Deliverables

Final Design

Final Design

Finally, after conducting multiple A/B testing sessions and engaging in stakeholder meetings, we have successfully delivered research-based designs for the complete mobile app, merchant app, landing page, design systems, and various marketing materials.

Splash Screen & Onboarding

Splash Screen & Onboarding

Introduction to Foodsnob

The Foodsnob app begins with onboarding screens that educate users about how they can navigate through the app, discover dishes in nearby restaurants, and order one for themselves.

Sign Up

Sign Up

Sign Up and Personalize

Users can sign up directly from onboarding or choose to sign up after skimming through the app and going to the profile tab. During the sign-up process, they can choose their culinary preferences, find friends, and import existing food reels from Instagram.

Explore & Order

Explore & Order

Swipe Left to Order

Users can swipe left to explore details and order dishes featured in videos. They have the flexibility to create a cart with the featured dishes, edit their order by choosing which items and the desired quantity, and easily track their order from start to finish.

Upload videos

Upload videos

Empowering Food Influencers

Food influencers and general users alike have the opportunity to upload videos, effortlessly edit them, and provide essential details about the content. This feature enables influencers to monetize their influence by partnering with restaurants for promotions, while users can share their culinary experiences with ease.

Profile

Profile

Personalized Profiles

Every user has a dedicated profile showcasing their profile tags, general information, uploaded content including videos, featured restaurants, and written guides. The profile tab serves as a gateway to various features, such as the messaging feature for connecting with others and the settings feature for customization.

Messaging

Messaging

Connect and Collaborate

The messaging feature enables users to forge valuable connections within the culinary realm. Users can leverage this feature to connect with restaurants for monetization opportunities, interact with fellow food enthusiasts, or create groups for exploring restaurants together.

Settings and Privacy

Settings and Privacy

Stay informed and connected

Users have the freedom to tailor their app experience by adjusting settings related to push notifications, privacy levels, account information, addresses, payment methods, and more. Additionally, users can generate a unique QR code for profile sharing, making it easier than ever to connect with others.

Merchant Operations

The Foodsnob Merchant App provides an optimized tablet experience for merchants, empowering them to efficiently manage their operations. From accepting orders to connecting with drivers and tracking the progress of each order, the merchant app streamlines the entire process.

Hand Off

Hand Off

Design Specifications

Learning Outcomes

Learning Outcomes

What I gained from this project

Working with the Foodsnob team and leading the project with another visual designer taught me valuable skills in effectively managing schedules and meetings for seamless handoffs. I developed expertise in scheduling, prioritization, and coordination, ensuring tasks were completed on time. Clear communication and collaboration were crucial for successful teamwork, while time management and adaptability allowed me to handle multiple tasks efficiently. The experience also emphasized the importance of attention to detail, professional growth, and effective project leadership.

Stack I use every day

Figma

Framer

Arc browser

Notion

I'm a designer specializing in

✦ Product Design

✦ Visual Design

✦ Interaction Design

✦ Design Systems

I'm available for new opportunities

You can also reach out to me here

Stack I use every day

Figma

Framer

Arc browser

Notion

I'm a designer specializing in

✦ Product Design

✦ Visual Design

✦ Interaction Design

✦ Design Systems

I'm available for new opportunities

You can also reach out to me here

Stack I use every day

Figma

Framer

Arc browser

Notion

I'm a designer specializing in

✦ Product Design

✦ Visual Design

✦ Interaction Design

✦ Design Systems

I'm available for new opportunities

You can also reach out to me here