Mayjune SpaceUX/UIVisual DesignAbout






FoodNote




01 Project Brief

Project timeline
June - Aug 2024Project Type
Sponsored by FoodNote
UX & UI Design
Graphic Design Contributor
Designer
Meijun WangMy Contribution
Visual System
Interface Design
User Experience Research
Marketing DesignToolsFigma
Photoshop



Providing SaaS solutions to restaurants, cafes and bars in Australia.

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. Foodnote aims to enhance user experience by introducing a new ordering feature and corresponding management system in the system, allowing customers to customise and place their orders and vendors to manage their products.



The current project includes design solutions for
  • UI & UX design in the Customer Area (CA)
  • UI & UX design in the Owner Dashboard (OD)
  • Table Stand design for promotion




02Customer Area (CA) Design

02-01
Design Challenge

  1. How to simply the ordering process and improve usability?
  2. How to create an allergen mechanism that minimises the likelihood of allergic users choosing the product?




02-02
Research
I conducted a competitor analysis of CA in current takeaway applications such as Meituan, Uber Eats and DianPing, summarising the core modules in an ordering application:

  • Compulsory Selection: Size, Ice, Sugar Level
  • Allergy concerns
  • Toppings
  • Separately packaged toppings option on the main store interface
  • Shopping cart




    • 02-03
    Solution

    Required Options
    • Utilise common pre-selected options to reduce user interaction steps and simplify the process.


    Allergen Record & Alerts
    • Customers can edit their allergen records in the profile page for allergen auto-pop out warning window in the ordering page.
    • Add an allergen warning system and substitute options for allergic users.





    The solution demonstrates a milk tea ordering process but is applicable to other food types.






    03Owner Dashboard (OD) Design

    03-01
    Design Challenge

    1. How can I design a system that minimizes the need for manual input from vendors, while maximizing reusability?
    2. How can I create an integrated allergen input system for vendors to efficiently enter product allergy information in alignment with CA requirements?



    03-02
    User Flow

    03-03
    Solution

    Minimise User Typing Input
    • When vendors input product information, they can create and save templates for different sections of the product.

    • These templates can be reused when creating similar products in the future, with the flexibility to modify them as needed.


    Allergen Record & Alerts
    • A dedicated allergen section will be created during product data entry, offering vendors a pre-selection of the top 10 allergens. Vendors can select the relevant allergens to record.

    • These top 10 allergens are pre-loaded into the system. The selections made by vendors will match the system's records, enabling end-users to receive warning pop-ups when viewing the product.

    • Vendors can choose whether allergens are removable or replaceable, corresponding to the customization options available on the user’s ordering interface.




    Due to privacy concerns, the current design only displays a portion of the full design.

    04Table Stand Design


    Attract Live User Registration for FoodNote.

    Foodnote needs to design table standers to increase the awareness of the platform.

    Solution
    Based on user psychology research, users are more likely to scan QR codes and register as members when presented with clear "discount" information.

    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










    Contact: meijunwang2022@gmail.com
    ©2024 Mayjune Space
    All rights reserved.


    Contact: meijunwang2022@gmail.com
    ©2024 Mayjune Space
    All rights reserved.