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!