UNIT-4
INTRODUCTION TO
E-COMMERCE WEB DESIGN
01-12-2021
Why ?
An eCommerce website is the basic touchpoint with consumers.
A good web design has a direct impact on the success of
eCommerce platform.
Good web design involves appearance as well as functionality.
Web Design Strategies &
Concepts
Introduction
What’s the idea (the visioning process)
Business and Revenue Model
Who & Where is the Target Audience
Characterize the Marketplace
Where’s the Content coming from?
Conduct a SWOT analysis
Strategies
Establish your goals
Identify your audience
Keep it simple
Design easy navigation
Use good quality images
Add responsiveness (mobile friendliness)
Measure Results
Make Checkout simple
Web Design Architecture &
Infrastructure
Introduction
Web design Architecture or web application architecture refers to various
components of a web application and their mutual interaction.
These components are user interface, middleware systems, databases,
server and the browser.
Web application architecture defines the interactions between
applications, middleware systems and databases to ensure that multiple
applications can work together.
The workings of web application architecture
Web Applications include two different sets of programs.
Client-side Code - The code that is in the browser and responds to
some user input.
Server-side Code - The code that is on the server and responds to the
HTTP requests.
Web Design Languages
Introduction
Introduction
Markup Languages:
HTML
CSS
Web Development Languages:
Client-side languages
Server-side languages
Client-side languages
These languages are used to develop code that is executed by the browser.
These include:
JavaScript
VBScript
Ajax
Jquery
HTML5 & CSS3
Server-side languages
These languages are used to develop code that is executed by the server.
These include:
PHP
ASP
JAVA
C#
Ruby
Python
Frameworks
Web frameworks provide a standard way to build and deploy web applications on
the World Wide Web. Web frameworks aim to automate the overhead associated with
common activities performed in web development. For example, many web frameworks
provide libraries for database access, templating frameworks, and session management,
and they often promote code reuse.
Examples include:
Backend: Django, Laravel, Zend, Ruby on Rails
Frontend: Angular, React, Vue,
Web Infrastructure
Web Infrastructure are group of software that includes server software, database software
and development software for specific operating systems.
Two commonly used infrastructures are:
1. XAMPP (Cross-platform, Apache, MariaDB(Mysql), PHP, Perl)
2. WAMP (Windows, Apache, MYSQL, PHP)
3. LAMP (Linux, Apache, MYSQL, PHP)
4. MAMP (Macintosh, Apache, MYSQL, PHP)
Content Management System (CMS)
Content Management System (CMS) is a database software program
specifically designed to manage structured and unstructured data and
objects in a website environment.
Examples of CMS are:
WordPress, Joomla, Drupal, WooCommerce,
Wix, BigCommerce, Shopify, Magento
Important Links
https://99designs.com/blog/web-digital/ecommerce-website-design-tips/
https://www.crazyegg.com/blog/ecommerce-sites-that-convert/
https://www.smashingmagazine.com/2008/11/strategic-design-6-steps-for-building-successful-websites/
https://inkhive.com/2018/08/13/difference-xampp-vs-wamp-vs-lamp-vs-mamp/
https://intellipaat.com/blog/best-web-development-languages/
https://www.peerbits.com/blog/web-application-architecture.html
Thank You
