Lovelyfin00
commented
1 year ago Hey @Rishika-S-V I can see other commits in this branch @AdityaSingh-02
Closed Rishika-S-V closed 1 year ago
Lovelyfin00
commented
1 year ago Hey @Rishika-S-V I can see other commits in this branch @AdityaSingh-02
Rishika-S-V
commented
1 year ago Hey @Rishika-S-V I can see other commits in this branch @AdityaSingh-02
Now it is fixed @Lovelyfin00
Lovelyfin00
commented
1 year ago Great Nice job here
Fixes #43
Description
The Checkout Component introduces essential updates to the e-commerce UI Kit, specifically focusing on the Address Form, Order Summary, Shipping Options, Payment Options, and Order Confirmation. These enhancements aim to streamline the checkout process, improve usability, and provide a seamless and intuitive experience for users finalizing their purchases.
Motivation
The motivation behind these changes is to optimize the checkout process and provide users with a smooth, convenient, and trustworthy experience when finalizing their purchases. The previous checkout components had usability issues, lacked flexibility, or provided inadequate feedback to users. By enhancing the Address Form, Order Summary, Shipping Options, Payment Options, and Order Confirmation, we aim to improve user satisfaction, minimize friction during the checkout process, and foster trust in the e-commerce platform.
Changes Made
Checklist
Screenshots
Address form
The Address Form has been optimized to simplify the input of shipping and billing information. The updates include a user-friendly layout, clearer field labels, and validation indicators to ensure accurate and error-free data entry. These improvements help users easily provide their address details and expedite the checkout process.
Address form - Light mode
Address form - Dark mode
Order Summary
The Order Summary section has been refined to present a clear and concise overview of the items being purchased. It includes item names, quantities, prices, and any applied discounts or promotions. By improving the visual presentation and organization of this information, users can quickly review their order details before proceeding to payment.
Order Summary - Light mode
Order Summary - Dark mode
Shipping Options
The Shipping Options have been enhanced to provide users with a range of convenient choices for receiving their purchases. Users can now select from different shipping methods, such as standard, express, or in-store pickup, based on their preferences and requirements. This flexibility caters to diverse customer needs and improves the overall convenience of the checkout process.
Shipping Options - Light mode
Shipping Options - Dark mode
Payment Options
The Payment Options have undergone improvements to offer a streamlined and secure payment experience. Users can now choose from various payment methods, such as credit cards, digital wallets, or bank transfers, depending on what is supported by the e-commerce platform. These updates ensure that users have convenient and trustworthy options to complete their transactions.
Payment Options - Light mode
Payment Options - Dark mode
Order Confirmation
The Order Confirmation step has been updated to provide users with a clear confirmation message and order details once the purchase is successfully completed. This confirmation page serves as a summary of the order, including the total amount paid, shipping information, and estimated delivery dates. It offers users reassurance that their order has been successfully placed.
Order Confirmation - Light mode
Order Confirmation - Dark mode