Assignment 01

Name of Student:
PRN:
Course Name: Digital Business – Sem I submission Date –
_____________________________________________________________________
Title: E-Commerce Website Design Assignment

Assignment details:
Design a fully functional and user-friendly e-commerce website for a fictional /functional
online store that sells various products. The website should incorporate essential e-commerce
features, intuitive navigation, and an appealing design to enhance the user experience.

Requirements: Laptop, Internet connection,

Homepage: Eye-catching and professional homepage design showcasing featured products,
promotions, and top categories. Clear navigation menu and search bar to allow users to
browse products easily. Customer registration and login options.

Product Pages: Individual product pages with detailed product information, images, price,
and availability. Options to add products to the cart or Wishlist directly from the product
page. Related products and customer reviews section.

Shopping Cart and Checkout: Shopping cart functionality to add and manage selected
products. Ability to update the quantity or remove products from the cart. Secure checkout
process with customer details, shipping, and payment options. Order confirmation page after
successful checkout.

User Accounts: User profile dashboard allowing customers to view and manage their
account details. Order history and tracking information for customers to monitor their
purchases. Wishlist functionality for users to save products for future reference.
Payment and Security: Implement secure payment gateways (e.g.,UPI, COD, PayPal,
Stripe) to facilitate online transactions. Ensure the website employs HTTPS to encrypt data
and enhance security.
Learning Objective:
The main objective of this e-commerce website design assignment is to provide students with
hands-on experience in designing and developing a fully functional e-commerce website.
Through this assignment, students will gain practical knowledge in web development, user
experience design, and e-commerce best practices. They will apply their programming skills,
creativity, and problem-solving abilities to create an online shopping platform that meets the
needs of both the users and the store owner.

Learning Outcome:
By completing this assignment, students will achieve the following learning outcomes:
Web Development Skills: Students will enhance their proficiency in HTML, CSS, and
JavaScript, as well as any chosen web development framework (e.g., React, Angular, or
Vue.js). They will learn how to structure web pages, apply styles, and implement interactive
features.
E-Commerce Functionality: Students will understand the fundamental components of an e-
commerce website, such as product pages, shopping carts, and checkout processes. They will
learn how to implement these features to create a complete and functional online store.
User Experience (UX) Design: Students will gain insight into user-centred design principles
and apply them to create an intuitive and user-friendly interface. They will focus on designing
a seamless navigation flow, clear call-to-actions, and an aesthetically pleasing layout.
Responsive Web Design: Students will learn the importance of responsive web design and
how to create a website that adapts seamlessly to different screen sizes and devices. They will
understand the significance of providing a consistent user experience across various
platforms.
Security and Payment Integration: Students will be exposed to the essential security measures
required for e-commerce websites. They will understand the importance of implementing
secure payment gateways and HTTPS encryption to protect user data during transactions.

Video Reference - https://www.youtube.com/watch?v=jSPQVpIaPrY

Youtube - How to Make a WordPress Website for FREE 2023 - WordPress Designing
MasterClass - Elementor & Phlox