FoodNote
01 Project Brief
June - Aug 2024
Sponsored by FoodNote
UX & UI Design
Graphic Design
Designer
Meijun Wang
Visual System
Interface Design
User Experience Research
Marketing Design
Photoshop
Foodnote is an online platform for food enthusiasts to connect, get the latest promotions, buy e-tickets directly from merchants, and make friends by leaving notes about specific restaurants and meeting up there.
In this phase of the product, the business aimed to expand its core model to include merchant-uploaded discounted meals that users can preorder in advance for dine-in consumption. At the time, the platform only supported discount voucher listings, but not actual food items. This project focused on designing two core workflows:
- C-end (consumer): Preordering food items before arrival.
- B-end (merchant): Uploading and managing meal listings.
02Background
Research Methods
- Industry-Related Platform: food ordering app (Uber Eats, Hungry Panda, Meituan, Dianping)
- Product Management-Related Platform: YouZan, Shopify, Meituan
Most of the user needs are declared by PM
Insights
Australian users are highly sensitive to food allergens (e.g., peanuts, seafood, dairy) and want the ability to view and filter allergen information while browsing menus.
Unlike takeaway platforms, where packaging is separated, this dine-in model assumes group dining with personalized dish combinations (e.g., User A orders Meal A with Side X, User B orders Meal B with Side Y). Clear per-person ordering logic is needed to improve the dining experience and avoid confusion during food delivery to the table.
B-end (Merchant)
Merchants need a way to quickly upload multiple items with minimum friction. The current voucher system lacks support for structured food listings.
They must also be able to label allergens clearly, and ideally, specify substitute ingredients for allergic customers (e.g., dairy-free option available).
Design Challenges
- There was no existing food preorder system, requiring us to define both user-side and merchant-side flows from scratch.
- The new model involved multiple constraints, such as table-side group ordering, personalized combinations of dishes, and allergen concerns.
- For merchants, ease of use and upload efficiency were crucial, as small restaurants often had limited digital literacy and time to manage content.
- The system also needed to bridge C-end allergen concerns with B-end data input accuracy, enabling structured tagging and substitution logic.
03Customer Area (CA) Design
Design Opportunities
OP 2 - The system lacks support for group dining with per-person customization.
Design Implications
Enable users to build personalized order sets by selecting a main dish and customizing it with add-ons, ensuring clear visual grouping for both ordering and serving.
Design Solution
04Owner Dashboard (OD) Design
Design Opportunities
- Merchants face inefficiency and cognitive overload when uploading products.
- There is no structured interface for merchants to input allergen data and alternatives.
Design Implications
- Offer batch edit tools, field autofill, and template reuse to improve speed and accuracy.
- Design a guided allergen tagging module with default options and suggestions.
User Flow
04-04 Solution
05Table Stand Design
Foodnote needs to design table standers to increase the awareness of the platform.
Both versions of our table stander designs prominently feature discount information on the front, enticing users to log in and register on the platform.
Additionally, the back of the stander includes concise promotional slogans to clearly convey the services offered by the platform. This clear understanding of the platform’s benefits helps build user trust and increases conversion rates.
Thank you for viewing.
Next Step
©2024 Mayjune Space
All rights reserved.