Home page
Below is our website homepage Here, you can freely select products as well as access many websites such as shop page, about page, contact page, shopping cart page, etc
Perfomed Student: Nguyen Thi Tuyet Nhung 4
Shop page
On this page you can see all the products in the shop After visiting, you can choose the type of product you like and click on that product, immediately all information about products, reviews, prices, similar products will be displayed If you want to buy that product just click add to cart
Perfomed Student: Nguyen Thi Tuyet Nhung 6
Register page
On the registration page, users who do not have an account can register a new account with information such as username, email, password and re-enter the password Then click the Submit button to be able to create a new account If you already have an account, you can skip this step
Perfomed Student: Nguyen Thi Tuyet Nhung 8
Login page
After having an account, users can access the login page to be able to log in to the website to the store
Blog page
On the blog page, you can see news, links closely related to the store On this page, you can also learn more cooking tips, useful lessons that you can apply later
Perfomed Student: Nguyen Thi Tuyet Nhung 10
Blog-details page
Here are some tips to cook as delicious and simple as possible In addition, you can open some other related news and links that you want
Perfomed Student: Nguyen Thi Tuyet Nhung 12
Shopping cart page
On this page you can see your product quantity and total amount If you want to pay for the product, you just need to click the "Proceed to checkout" button, then the website will lead you to the Payment page immediately
Checkout page
On this page, you need to fill in all the information to proceed with the payment
Perfomed Student: Nguyen Thi Tuyet Nhung 14
Contact page
On this page, you can send requests or information you need support to the shop In addition, this page also has some shop information so you can contact the shop
Perfomed Student: Nguyen Thi Tuyet Nhung 16
Product details page
Product details page is a page with full information of each product You can browse the store and select the product you want, then click on that product and it will bring up detailed information related to that product You can refer to the information then proceed to purchase
This is the detail page for the product "Organic Sweet Corn"
Perfomed Student: Nguyen Thi Tuyet Nhung 18
This is the detail page for the product "Phu Quoc Cobia"
Perfomed Student: Nguyen Thi Tuyet Nhung 20
This is the detail page for the product " L'amant - Organic Roasted Coffee"
Figure 12 L'amant - Organic Roasted Coffee
This is the detail page for the product " Beef"
Perfomed Student: Nguyen Thi Tuyet Nhung 22
This is the detail page for the product "Markal Organic Soybeans"
Perfomed Student: Nguyen Thi Tuyet Nhung 24
Detailed explanation of the interface
This is the homepage of my website, the homepage shows the products in the store and the products are sorted by separate categories like Fresh Meat, Seafood, Vegetable, Organic Drinks, Organic Fruits, Butter - Milk, Fastfood, Pure Honey, Papayaya & Crisps, Dry Food The homepage also includes product images, product prices, slides, banners, shop logos, and various buttons
Figure 17 Product pictures and prices
The home page has the following command buttons:
Search: helps you find the products and categories you want faster
Figure 18 Search button Login and Register: helps you log in to the website or register an account (if you don't have an account) After clicking "Login" it will lead you to the login page and the same for Register
Shopping cart: displays the order value and the number of products in the cart On clicking that it will take us to the shopping cart page
A few more buttons: Shop button helps you to see all the products of the store, clicking on it will lead you to the Shop page In Pages it will have some buttons like Shopping cart, checkout and blog details If you click on the Shopping cart button, it will take you to the shopping cart page and the same goes for the other two buttons The blog button makes it possible to view relevant articles, news and links about the store The Contact button gives you more contact information about the store
The store has many different items, so to make it easy for customers to find the products they want to buy, we have arranged the items in separate categories Customers just need to click on the category related to the product they want to buy, then browse for
Perfomed Student: Nguyen Thi Tuyet Nhung 26 the product and make a purchase For example, if you want to buy seafood, you just need to click on the Seafood category
Figure 22 Category Here are the buttons that will help you to see the most featured products in the store, the new products, the top rated products, After clicking these buttons, the related products by category corresponding will appear You will choose the product you want
In addition, the homepage also displays a number of articles, news, and prominent links related to the store
At the bottom of the home page, it helps you to find shop contact information and help features, etc
Figure 25 The bottom of home page
Perfomed Student: Nguyen Thi Tuyet Nhung 28
item: $150.00
Login
iRegister
< >
< >
< >
< >
Login
iRegister
Perfomed Student: Nguyen Thi Tuyet Nhung 30