khushi-joshi-05 / Food-ordering-website

Foodie is a food ordering website that aims to provide users with a seamless experience for ordering food online, taking orders for pickup, and booking tables for dining in. The website showcases the quality and specialties of the food offered, along with a variety of services to cater to different user preferences.
https://foodies-ordering-website.netlify.app/
MIT License
189 stars 435 forks source link

Single Product Page Functionality for Menu Items #743

Open GarimaSingh0109 opened 5 months ago

GarimaSingh0109 commented 5 months ago

The current single product page for menu items lacks key information and functionality, hindering user experience and potentially impacting sales.

Details: Missing Information:

Limited description: Does the description adequately explain the ingredients, preparation style, or portion size? No nutritional information: Is there a lack of details on calories, dietary restrictions, or allergens? Absent customization options: Can users choose size variations, add-ons, or dietary modifications? Inaccurate or Poor Quality Visuals:

Low-resolution images: Are the images blurry or pixelated, failing to showcase the food items appetizingly? Lack of multiple images: Does the page only offer one image, limiting the customer's perspective of the dish? Missing visual representation of customization options: Are there no images depicting add-ons or size variations? Unintuitive User Interface (UI):

Difficult quantity selection: Is it cumbersome to adjust the number of desired items? Confusing "Add to Cart" button: Is the button unclear or poorly positioned? Lack of visibility for customization options: Are add-on options buried within the page, making them difficult to find?

Impact:

Users might be unsure about ingredients or portion sizes, leading to ordering hesitation. Customers with dietary restrictions cannot make informed choices without nutritional information. The inability to customize deters users who prefer to modify their orders. Poor visuals fail to entice customers and can negatively impact perception of the dish. A confusing UI creates frustration and slows down the ordering process.

Desired Outcome:

Provide a comprehensive product page that informs and entices customers: Include detailed descriptions with ingredients, preparation methods, and portion sizes. Offer clear nutritional information, catering to users with dietary needs. Allow for customization with easy-to-use options for size variations, add-ons, and dietary modifications. Enhance visuals to showcase the food items: Use high-resolution images that capture the dishes in an appealing way. Include multiple images from different angles to provide a complete picture. Visually represent customization options through additional images. Create a user-friendly interface for ordering: Offer a clear and easily adjustable quantity selection tool. Make the "Add to Cart" button prominent and visually distinct. Position customization options clearly on the page for easy selection.

github-actions[bot] commented 5 months ago

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

Shubham-Zone commented 5 months ago

@khushi-joshi-05 please assign this to me i am GSSOC'24 contributor with 2+ years of experience in development