Upload
dimple-parmar
View
219
Download
0
Embed Size (px)
Citation preview
8/13/2019 0 Foundation Websites Introduction
1/45
12/26/2013
Module: Websites Term: Foundation
Introduction to
WebsitesFacilitator: Ms. Radhika Rathi
8/13/2019 0 Foundation Websites Introduction
2/45
12/26/2013 Module: Digital Basics Term: Foundation (2)12/26/2013 Module: Digital Basics Term: Foundation (2)
Websites
8/13/2019 0 Foundation Websites Introduction
3/45
What is a website?
A website is a collection of related web pages, images, videos or other digital
assets.
Websites are typically designed for the long-term, with a more general and
informational tone.
Many websites, especially B2B sites, are more conservative in nature.
Four primary classifications can be
Personal website
Government website
Commercial website
Non-Profit website
12/26/2013 Module: Digital Basics Term: Foundation (3)
8/13/2019 0 Foundation Websites Introduction
4/45
Airtel Website www.airtel.in
12/26/2013 Module: Digital Basics Term: Foundation (4)
8/13/2019 0 Foundation Websites Introduction
5/45
Kohler Website www.kohler.co.in
12/26/2013 Module: Digital Basics Term: Foundation (5)
8/13/2019 0 Foundation Websites Introduction
6/45
12/26/2013 Module: Digital Basics Term: Foundation (6)12/26/2013 Module: Digital Basics Term: Foundation (6)
Microsites
8/13/2019 0 Foundation Websites Introduction
7/45
What is a microsite?
Website and microsite can be built and designed similarly, however, they
differ significantly in terms of size, theme, tone, content and timing.
A microsite is usually a small, highly focused, carefully targeted site.
Microsites typically have a finite shelf life and can be more progressive and
conceptual.
Microsites can be found as an information source around an event, a new
product launch or as an extension of a promotion.
A sub-site of an organization, such as a universitys admissions site, may also
be considered a microsite, despite its depth, tone or shelf life.
12/26/2013 Module: Digital Basics Term: Foundation (7)
8/13/2019 0 Foundation Websites Introduction
8/45
Continental Coffee Microsite www.continentalcoffee.com
12/26/2013 Module: Digital Basics Term: Foundation (8)
8/13/2019 0 Foundation Websites Introduction
9/45
Kohler Microsite www.playwithpressure.com
12/26/2013 Module: Digital Basics Term: Foundation (9)
8/13/2019 0 Foundation Websites Introduction
10/4512/26/2013 Module: Digital Basics Term: Foundation (10)12/26/2013 Module: Digital Basics Term: Foundation (10)
Landing Page
8/13/2019 0 Foundation Websites Introduction
11/45
What is a Landing Page?
A landing page, sometimes known as a lead capture page,
is the page that appears when a potential customer clicks on an
advertisement.
There are two types of landing pages: referenceand transactional.
Reference
A referencelanding page presents relevant information to the visitor.
These can display text, images, dynamic compilations of relevant
links, or other elements.
Transactional
It seeks to persuade a visitor to complete a transaction such as filling
out a form or interacting with advertisements or other objects on thelanding page
the goal is immediate or eventual sale of a product or service.
A visitor taking the desired action here is referred to as a conversion.
12/26/2013 Module: Digital Basics Term: Foundation (11)
8/13/2019 0 Foundation Websites Introduction
12/45
Landing Pages
12/26/2013 Module: Digital Basics Term: Foundation (12)
8/13/2019 0 Foundation Websites Introduction
13/4512/26/2013 Module: Digital Basics Term: Foundation (13)12/26/2013 Module: Digital Basics Term: Foundation (13)
Categories
8/13/2019 0 Foundation Websites Introduction
14/45
Categories of websites
Function
Static
Dynamic
Purpose
Corporate
Brand
Community
Retail
Service
Discussion Forum / Review
12/26/2013 Module: Digital Basics Term: Foundation (14)
8/13/2019 0 Foundation Websites Introduction
15/45
Categories of websites
Function
Static
Dynamic
Purpose
Corporate
Brand
Community
Retail
Service
Discussion Forum / Review
12/26/2013 Module: Digital Basics Term: Foundation (15)
8/13/2019 0 Foundation Websites Introduction
16/45
Static Website
Fixed content
Requires creating
few HTML pages
No interactivity
Pushes information
12/26/2013 Module: Digital Basics Term: Foundation (16)
8/13/2019 0 Foundation Websites Introduction
17/45
Dynamic Website
Dynamic content
Real time generated
pages
Requires
programming and
database
management
Possibility toincorporate
interactivity
Engages audience
12/26/2013 Module: Digital Basics Term: Foundation (17)
8/13/2019 0 Foundation Websites Introduction
18/45
Categories of websites
Function
Static
Dynamic
Purpose
Corporate
Brand
Community
Retail
Service
Discussion Forum / Review
12/26/2013 Module: Digital Basics Term: Foundation (18)
8/13/2019 0 Foundation Websites Introduction
19/45
Corporate Website - Essar
12/26/2013 Module: Digital Basics Term: Foundation (19)
8/13/2019 0 Foundation Websites Introduction
20/45
Brand Website Tata Sky
12/26/2013 Module: Digital Basics Term: Foundation (20)
8/13/2019 0 Foundation Websites Introduction
21/45
Community Website Sunsilk Gang of Girls
12/26/2013 Module: Digital Basics Term: Foundation (21)
8/13/2019 0 Foundation Websites Introduction
22/45
Retail Website Future Bazaar
12/26/2013 Module: Digital Basics Term: Foundation (22)
8/13/2019 0 Foundation Websites Introduction
23/45
Service Website Shaadi (Matrimonial)
12/26/2013 Module: Digital Basics Term: Foundation (23)
8/13/2019 0 Foundation Websites Introduction
24/45
Discussion / Review Website Car Dekho
12/26/2013 Module: Digital Basics Term: Foundation (24)
8/13/2019 0 Foundation Websites Introduction
25/45
12/26/2013 Module: Digital Basics Term: Foundation (25)12/26/2013 Module: Digital Basics Term: Foundation (25)
What goes into themaking?
8/13/2019 0 Foundation Websites Introduction
26/45
Requisite elements
Look and feel
Images
Colors Page layout
Logo
Background
Web copy Tonality
Brief vs. Detailed
Accessibility
Intuitive navigation
Fast loading pages
Browser compatibility
SEO Friendly
12/26/2013 Module: Digital Basics Term: Foundation (26)
8/13/2019 0 Foundation Websites Introduction
27/45
12/26/2013 Module: Digital Basics Term: Foundation (27)12/26/2013 Module: Digital Basics Term: Foundation (27)
The Process
8/13/2019 0 Foundation Websites Introduction
28/45
The Process
12/26/2013 Module: Digital Basics Term: Foundation (28)
Brief
Strategy and CS discuss the brief
Understanding the objective
Competitive ResearchSite Offering
Identify the USP
The Big Idea
Competitive Research Site Design etc.
Sitemap
Wireframe
Tech + Creative provide inputs on feasibility
Decide timelines
Present look & feel
Client approves sitemap & look and feel
Budget presentation
Approval and Signing
Implementation
8/13/2019 0 Foundation Websites Introduction
29/45
Receiving the brief
12/26/2013 Module: Digital Basics Term: Foundation (29)
8/13/2019 0 Foundation Websites Introduction
30/45
Strategy and Client Servicing Discuss the Brief
12/26/2013 Module: Digital Basics Term: Foundation (30)
8/13/2019 0 Foundation Websites Introduction
31/45
Understanding the Objective
12/26/2013 Module: Digital Basics Term: Foundation (31)
8/13/2019 0 Foundation Websites Introduction
32/45
Competitive Research Site Offering
Competitors Service A Service B Service C Service D1
2
3
4
5
6
7
12/26/2013 Module: Digital Basics Term: Foundation (32)
8/13/2019 0 Foundation Websites Introduction
33/45
Identifying the USP
12/26/2013 Module: Digital Basics Term: Foundation (33)
8/13/2019 0 Foundation Websites Introduction
34/45
The Big Idea
12/26/2013 Module: Digital Basics Term: Foundation (34)
Competitive Research Site Design Navigation
8/13/2019 0 Foundation Websites Introduction
35/45
Competitive Research Site Design, Navigationetc. The four building blocks
12/26/2013 Module: Digital Basics Term: Foundation (35)
Mind Map
Eye Track Industry
Research
WBT
Proprietary CTFtool forbenchmarkingwebsites againstcompetitive siteson importantparamaters
Understandingthe consumers
thoughtprocess
Best practicessourced out fromthe industry onrelated andrelevant areas
Understanding the
consumers onlineinformationabsorptionprocess
8/13/2019 0 Foundation Websites Introduction
36/45
Sitemap
12/26/2013 Module: Digital Basics Term: Foundation (36)
8/13/2019 0 Foundation Websites Introduction
37/45
Wireframe
12/26/2013 Module: Digital Basics Term: Foundation (37)
8/13/2019 0 Foundation Websites Introduction
38/45
Tech + Creative provide inputs on feasibility
12/26/2013 Module: Digital Basics Term: Foundation (38)
CreativeTech
8/13/2019 0 Foundation Websites Introduction
39/45
Decide the timelines
12/26/2013 Module: Digital Basics Term: Foundation (39)
8/13/2019 0 Foundation Websites Introduction
40/45
Present the sitemap and the design
12/26/2013 Module: Digital Basics Term: Foundation (40)
8/13/2019 0 Foundation Websites Introduction
41/45
Client approves sitemap & look and feel
Recommendations and Suggestions are made
Finally the design and sitemap are approved
12/26/2013 Module: Digital Basics Term: Foundation (41)
8/13/2019 0 Foundation Websites Introduction
42/45
Budget Presentation
12/26/2013 Module: Digital Basics Term: Foundation (42)
l d
8/13/2019 0 Foundation Websites Introduction
43/45
Approval and Signing
12/26/2013 Module: Digital Basics Term: Foundation (43)
I l i
8/13/2019 0 Foundation Websites Introduction
44/45
Implementation
Tools & widgets
Response Mechanism
12/26/2013 Module: Digital Basics Term: Foundation (44)
8/13/2019 0 Foundation Websites Introduction
45/45
Thank You!