FED_S10257777C_AmicusLee_Assg01 Popeyes Website Ngee Ann Polytechnic - Front End Development Assignment I
Website live at: https://mgleecode.github.io/Amicus/
Video Walkthrough: https://www.loom.com/share/45c67ccc847849e8a4941a71d572e102
Idea For Assignment 1 My idea for my Assignment 1 was to redesign the current Singapore Popeyes Wesbsite and make it more modern. I also made a new cart shopping system for the user to conveniently shop for Popeyes fast food.
External User’s Goal: Target audience for this assignment are teenagers, young adults, families, regular Popeyes customers who wish to make Popeyes orders online.
Site Owner’s goal: Creating a responsive website that allows users to order from and view Popeyes news is the idea behind my assignment.
Design Process: I kept to Popeyes signature Orange and White color scheme but removed the red to give the website a more modern and sleak look. Its very minimalistic as I want the website to be easy on the eye's of the user. I also incoperated Popeyes's new logo of the little orange chicken which i noticed the Singapore Wesbite is missing.
Features Summary:
Home page: A navigation bar that allows the user to easily navigate the website. Clicking on the Chicken Logo brings the user back to the home page. The front page includes a slideshow to attract users to buy some Popeyes Chicken.
Menu/ORDER: Leads you to the page where all the different Popeyes food is being sold. You can click add to cart which will allow the item to show up in your shopping cart. I used local storage to make sure if the user refreshes the page the shopping cart items still remain in their cart
CHECKOUT: Brings the user to theri shopping cart where they can prepare to proceed and buy their items. The user can change the quantity of items or remove it from their cart completely. Total price is show as well.
Proceed: Brings the user to the Thank you page where the users is thanked for their purchase and is told to wait while the food is being prepared. They can click a button to return to the homescreen.
Find A Popeyes: Shows the different locations of Popeyes in Singapore. Clicking on the View Map brings The user to the Google map location of the Popeyes they selected.
Promotions: Shows the current ongoing promotions Popeyes has for the user to see.
Coupons: Brings the user to a page where the current available coupons are listed.
Our Story: Tells the user the story of Popeyes
Credits Popeyes Singapore Website Official Popeyes Website ChatGPT