FairyLoom is an e-commerce website dedicated to providing a seamless shopping experience for users. The website encompasses various features, including product browsing, cart management, and a payment system. This document outlines the structure, functionality, and technical details of the website, focusing on the payment and order confirmation components.
FairyLoom goes beyond just a static representation of products and includes dynamic features to enhance user engagement and facilitate seamless transactions. The website incorporates a user-friendly and intuitive interface, enabling visitors to browse through various product categories, view detailed product descriptions, and add items to their shopping cart.
The Home Page serves as the landing page for users, setting the tone for their experience on the site. The page includes a full-width hero section that features a captivating image and a prominent call-to-action button encouraging users to explore further.
Below this, there are sections dedicated to highlighting featured courses, easy deals, and special offers.
The product pages provide detailed information about each product, including images, descriptions, size, and quantity options, and the ability to add items to the cart.
The Cart Page displays items added to the cart by the user. It shows the product information and allows users to adjust quantities or remove items before proceeding to checkout.
The Payment Page enables users to complete their purchase securely. Users can fill in delivery details and choose from various payment options, such as credit cards, PayPal, or Google Pay.
After the payment is successful, the Order Confirmation Page displays a message confirming the order and redirects users back to the home page after a brief pause.
Users can sign up or sign in for a personalized shopping experience. Hovering over the profile button shows options for sign-up or sign-in. Once signed in, the user's profile picture is displayed, and their details are fetched from the database.
This page features products with Buy One Get One deals to attract customers' attention with beneficial offers.
The Seasonal Page offers limited-time promotions and discounts during specific times of the year.
The Ethnic Page showcases culturally themed products, with a focus on traditional outfits and festive wear.
The Footwear Page displays footwear options with filters for size, color, and price, along with product details.
This page focuses on jewelry, bags, and other fashion accessories, attracting a broad customer base.
This page displays all the items added to the cart by the user, along with detailed information such as size, quantity, and pricing.
On the Payment Page, users can choose their preferred payment method, such as credit card or cash on delivery.
When users select a payment method (Credit Card, Debit Card, or Cash on Delivery), the following dialog boxes appear:
Once the order is placed, users are redirected to the Order Confirmation Page, where they see a confirmation message.