E-COMMERCE WEBAPP
what is e- commerce ?
 E-COMMERCE IS COMMONLY KNOWN AS ELECTRONIC MARKETING.
 IT CONSIST OF BUYING AND SELLING GOODS AND SERVICE OVER AN
ELECTRONIC SYSTEM SUCH AS THE INTERNET AND OTHER COMPUTER
NETWORKS.
Web pages details
HOME PAGE
NAVIGATION PAGE
PRODUCT PAGE
PRODUCT DETAILS PAGE
SHOPPING CART PAGE
CHECKOUT PAGE
ORDER PAGE
ORDER STATUS PAGE
Technology used
Frontend
Backend
• This is the main landing page of the website .
• The Home page showcase products, promotions and guides user to explore the e-
commerce website further.
• The Home page will consist of screen where one can browse the products through
the website.
• It guides the visitors to explore different sections of the site.
HOME PAGE
NAVIGATION PAGE
• Users can choose the product categories and sub categories based on their interest.
• Users can search the product on the search bar .
• Users can visit their profile by clicking the profile icon.
PRODUCT
PAGE
• Displays a list of product from a specific category.
• Product thumbnails , names, price and filtering/sorting options to help the users find the
products they are interested in.
PRODUCT DETAILS PAGE
• Provides detailed information about a specific product, including photos of the product ,
description about product, pricing ,available variant etc( e.g. sizes, colours ), reviews and
the option to add the product to the cart.
• Allows user to review the items in their cart before proceeding to checkout.
SHOPPING CART PAGE
• Shows the items currently added to the cart, along with their quantities and prices.
• User can update quantities, remove items or proceed to checkout from this page.
• Summarizes the order details including items , shipping costs ,taxes and the total amount.
CHECKOUT
PAGE
• Collects the user’s billing address , contact information and preferred
payment system.
PAYMENT
PAGE
• This module deals with payment option . User needs to payment by using the payment gateway for successfully
purchase.
• After the successful payment then only order will be placed.
• COD payment option will be available for some product only.
ORDER PAGE
• Users can view the recent orders and recent orders’ status and manage their orders .
• Users can check their current orders , delivered orders , cancelled orders and return orders.
• Users can Filter their orders by using filter option.
ORDER STATUS
PAGE
• Users can view the order status of recently placed orders.
• User can check the expected delivery dates of the orders.
• User can manage the orders.

E-Commerce WEBSITE.pptx for college students for their presentation

  • 1.
  • 2.
    what is e-commerce ?  E-COMMERCE IS COMMONLY KNOWN AS ELECTRONIC MARKETING.  IT CONSIST OF BUYING AND SELLING GOODS AND SERVICE OVER AN ELECTRONIC SYSTEM SUCH AS THE INTERNET AND OTHER COMPUTER NETWORKS.
  • 4.
    Web pages details HOMEPAGE NAVIGATION PAGE PRODUCT PAGE PRODUCT DETAILS PAGE SHOPPING CART PAGE CHECKOUT PAGE ORDER PAGE ORDER STATUS PAGE
  • 5.
  • 6.
    • This isthe main landing page of the website . • The Home page showcase products, promotions and guides user to explore the e- commerce website further. • The Home page will consist of screen where one can browse the products through the website. • It guides the visitors to explore different sections of the site. HOME PAGE
  • 7.
    NAVIGATION PAGE • Userscan choose the product categories and sub categories based on their interest. • Users can search the product on the search bar . • Users can visit their profile by clicking the profile icon.
  • 8.
    PRODUCT PAGE • Displays alist of product from a specific category. • Product thumbnails , names, price and filtering/sorting options to help the users find the products they are interested in.
  • 9.
    PRODUCT DETAILS PAGE •Provides detailed information about a specific product, including photos of the product , description about product, pricing ,available variant etc( e.g. sizes, colours ), reviews and the option to add the product to the cart. • Allows user to review the items in their cart before proceeding to checkout.
  • 10.
    SHOPPING CART PAGE •Shows the items currently added to the cart, along with their quantities and prices. • User can update quantities, remove items or proceed to checkout from this page. • Summarizes the order details including items , shipping costs ,taxes and the total amount.
  • 11.
    CHECKOUT PAGE • Collects theuser’s billing address , contact information and preferred payment system.
  • 12.
    PAYMENT PAGE • This moduledeals with payment option . User needs to payment by using the payment gateway for successfully purchase. • After the successful payment then only order will be placed. • COD payment option will be available for some product only.
  • 13.
    ORDER PAGE • Userscan view the recent orders and recent orders’ status and manage their orders . • Users can check their current orders , delivered orders , cancelled orders and return orders. • Users can Filter their orders by using filter option.
  • 14.
    ORDER STATUS PAGE • Userscan view the order status of recently placed orders. • User can check the expected delivery dates of the orders. • User can manage the orders.