This is a web-based e-commerce platform designed for a skincare brand called Sweet Face. Built using HTML5, CSS3, and JavaScript, the system offers users a seamless shopping experience with features ranging from browsing products to managing their accounts and completing purchases.
The entry point of the website, offering quick access to all sections like new arrivals, promotions, cart, and search. Includes featured products and animated brand introduction. Footer includes links to contact, terms, and FAQs.
Showcases newly added skincare products with clickable images, names, and prices that lead to detailed product pages. Also features customer reviews at the bottom.
Categorizes products into cleanser, toner, serum, mask, etc. Users can navigate through these to find products easily. Each product image links to a detailed page and includes an "Add to Cart" button.
Displays detailed information for each product, including price and images. Users can directly add products to the cart from here.
Highlights promotional products and deals. Users can navigate via images and add promotional items to their cart.
Describes the brand background and its exploration into skincare ingredient research.
Allows registered users to log in, view their cart, and make purchases. Includes email/password authentication and access to account services.
Enables new users to sign up by entering personal details and agreeing to terms and conditions. Registration is required to make purchases.
Guides users to reset forgotten passwords via registered email and create a new one. Includes redirection back to login.
Displays selected items, allows users to review quantities, and calculates total price before checkout.
Confirms that the purchase was successful and order submission is complete.
Provides users a way to contact the company for support or inquiries, including name, phone, email, and message fields.
Lists common questions and answers to help users understand how to use the platform effectively.
Details all policies, membership terms, and conditions that customers must agree to before registering or purchasing.
- Frontend: HTML5, CSS3, JavaScript
- Structure: Static website with modular page design
- Homepage with navigation bar, hot-selling products, and footer links
- Displaying new product listings
- Categories like cleanser, toner, etc.
- Product image, price, description, and add-to-cart
- Promotions and linked product offers
- Login form and registration page
- Reset password functionality
- Shopping cart and checkout process
- Confirmation after order is submitted
- Contact form for user inquiries
- Help section for common questions
- Legal policies and rules
