Present.Present.Present.Present.Present.Present

this is the presentation of a subject named e-commerce about creating a website. The rapid evolution of digital technology has revolutionized how businesses operate, leading to the rise of e-commerce. E-commerce, or electronic commerce, involves buying and selling goods and services online. It provides businesses with global reach, cost-effective operations, and enhanced customer convenience. Creating a website is a fundamental step in establishing an online business. This document explores the key aspects of developing an e-commerce website, from planning and design to marketing and maintenance. Creating an e-commerce website is a multi-faceted process that requires careful planning, strategic design, and continuous marketing efforts. By leveraging the right technology, security measures, and customer engagement strategies, businesses can establish a successful online presence and thrive in the digital marketplace.Creating an e-commerce website is a multi-faceted process that requires careful planning, strategic design, and continuous marketing efforts. By leveraging the right technology, security measures, and customer engagement strategies, businesses can establish a successful online presence and thrive in the digital marketplace.Creating an e-commerce website is a multi-faceted process that requires careful planning, strategic design, and continuous marketing efforts. By leveraging the right technology, security measures, and customer engagement strategies, businesses can establish a successful online presence and thrive in the digital marketplace.Creating an e-commerce website is a multi-faceted process that requires careful planning, strategic design, and continuous marketing efforts. By leveraging the right technology, security measures, and customer engagement strategies, businesses can establish a successful online presence and thrive in the digital marketplace.Creating an e-commerce website is a multi-faceted process that requires careful planning, strategic design, and continuous marketing efforts. By leveraging the right technology, security measures, and customer engagement strategies, businesses can establish a successful online presence and thrive in the digital marketplace.Creating an e-commerce website is a multi-faceted process that requires careful planning, strategic design, and continuous marketing efforts. By leveraging the right technology, security measures, and customer engagement strategies, businesses can establish a successful online presence and thrive in the digital marketplace.Creating an e-commerce website is a multi-faceted process that requires careful planning, strategic design, and continuous marketing efforts. By leveraging the right technology, security measures, and customer engagement strategies, businesses can establish a successful online presence and thrive in the digital marketplace.Creating an e-commerce website is a multi-faceted process that requires careful planning, strategic design. Creating an

1. FINAL PROJECT Group 04_EBU 01 Team members: Vũ Việt Hoàng ( 2201040077) Phạm Thu Huyền ( 2201040084) Bùi Thị Kim Thoa(2201040172) Trần Văn Thạch ( 2201040164) Đặng Huy Vấn (2201040089)

2. Introduction to AURA What is AURA? AURA is a brand specializing in organic cosmetic products, focuses on promoting both skin health and environmental care. AURA appeals to the modern, health-conscious consumer by delivering high-quality, natural skincare solutions. Core principles include: Sustainability (eco-friendly, recyclable packaging). Affordable, clean beauty accessible to all. A commitment to wellness, sustainability, and conscious consumerism. Cosmetic Products Offered by AURA Moisturizers, serums, and face masks. Products crafted for hydration, brightening, and rejuvenation. (*) The AURA website is developed using HTML , CSS , and JavaScript to deliver a seamless and user-friendly experience for customers.

3. User interface Homepage About us Products Services Cosmetic consultation Contact Customer reviews

4. Homepage This is the homepage interface of AURA when users access the website: It is a simple interface consisting of tools on the navigation bar that lead to different pages with various functions to meet the needs of customers.

5. Homepage During events, such as the image below, AURA will display an event banner at the top of the homepage to help customers stay informed about the ongoing events at AURA.

6. Homepage The account feature provided by AURA helps customers have the best experience when using the website: Save time, Receive offers and promotions, Manage orders and favorites, Personalize recommended products

7. Homepage Customers can easily switch between registration and login on the same interface.

8. Homepage This is the responsive state (max-width 768px) of the homepage, with a resolution suitable for almost all mobile devices.

9. Homepage Click on the search icon will open the search bar helps customers save time and easily find products, information, or specific content on the website without having to browse through each category. It also allows customers to quickly access their favorites or previous search history, optimizing the user experience.

10. The filter function based on search keywords helps customers find specific products that match their needs. Homepage

11. About us The introduction to AURA is a way to convey the brand's story and style, aiming to build the brand and create an emotional connection with customers . If customer click on “Xem thêm”, the web will lead to AURA’s contribution page

12. About us Showing AURA's contributions helps increase trust by providing information about the company's history, mission, values, and team, which makes customers feel more confident when shopping.

13. About us This is the responsive state of the website (max-width 768px), where the tools on the navigation bar have been moved into the 'hamburger icon' in the top left corner.

14. About us Clicking on the hamburger icon will display the tools on the navigation bar, making the website layout more compact on mobile devices.

15. Products Returning to the homepage, clicking on the 'Products' section will display a drop-down list of specific product categories, helping customers quickly access what they need.

16. Products On the 'Products' page, AURA's products are mainly divided into two categories: the best-sellings and the best price, helping customers identify products that suit their budget.

17. Products This is the interface displaying AURA's products.

18. Products

19. Products

20. Products This is the responsive state of the website (max-width 768px )

21. Products The products are displayed one per row to maintain clarity on mobile devices.

22. Products If customers click on a specific product, the website will direct them to the product detail page.

23. Products Scrolling down the product detail page will display the product specifications, help customers better understand the product.

24. Products

25. Products Returning to the homepage, if customers click on the cart icon, the interface will display the products that have been added to their cart previously.

26. Products This is the responsive state of the website (max-width 768px ), the card is cover 70% of the screen to remain clarity to moblie devices

27. Products When customers click on the checkout button, a form will appear to provide customer information, as well as payment and shipping options.

28. Products After completing the payment and shipping process, customers will be offered discount codes and promotions (if available).

29. Products A payment success notification will appear once the order is confirmed.

30. Services Returning to the homepage, if customers click on the 'Services' section, the website will redirect to AURA's services page, which includes personal consultations, product trials, shipping, and more.

31. Services Special effects will be displayed when customers hover over the items in the services section.

32. Services This is the responsive state of the website (max-width 768px), the sections of service are displayed one per row to maintain clarity on mobile devices .

33. Consultation To address customer inquiries, AURA also has a section dedicated to compiling frequently asked questions (FAQs) and common customer concerns.

34. Consultation The frequently asked questions are also organized into categories: shipping, payment, ordering, promotions, and products, to ensure clarity for customers.

35. Consultation This is the responsive state (max-width 768px) of the FAQs, with a resolution suitable for almost all mobile devices.

36. Consultation In the bottom right corner of the website interface, there is a message icon for customers to send their inquiries and questions.

37. Consultation When customers click on the message icon, the interface shown below will appear.

38. Contact If customers click on the 'Contact' section in the navigation bar, the website interface shown below will appear.

39. Constact This is the responsive state (max-width 768px) of the Contact page, with a single form for sending question and detail AURA address and phone number below.

40. Reviews Customer reviews about AURA help build trust in the products, improve service quality, and encourage purchasing decisions. They also provide an opportunity for customers to share their experiences and create a community, thereby enhancing the overall shopping experience.

41. Reviews This is the responsive state (max-width 768px) of the Reviews page, with a single review to remain clarity to mobile devices

42. Admin interface Inventory management Business statistics Accounts management

43. Admin interface Inventory management Business statistics Accounts management

44. Inventory management This is the inventory management interface for the website admin. Here, the admin can add products, update product quantities, delete products, and more.

45. Inventory management By clicking the 'Add Product' button, the website interface will display as shown below, where the admin can add products.

46. Inventory management As a result, the “Sun cream” product has been added to the list.

47. Inventory management By clicking the “edit” button , the website interface will display as shown below, where the admin can edit products.

48. Inventory management As a result, the 1 st product’s quantity has been updated to 30.

49. Inventory management

50. Inventory management This is the responsive state (max-width 768px) of the Inventory management page.

51. Inventory management

52. Inventory management This is the list of orders that have been, are, and will be processed by the store.

53. Statistics This is AURA's business statistics page to identify trending best-selling products or those that are underperforming.

54. Accounts management This is the user account management interface on the AURA website, where the admin can add, delete, or grant permissions to users, and more.

55. Accounts management By clicking the “edit” button , the website interface will display as shown below, where the admin can edit user’s account.

56. Accounts management The example below show that this user has been grand privilledge to become admin

57. Accounts management Upon a success user‘s update, the interface showed as below

58. Accounts management By clicking the “delate” button , the website interface will display as shown below, where the admin can delete user’s account.

59. Accounts management Upon a success user deletion, the interface showed as below

60. Accounts management The user after deletion no longer appear in the user’s account list