Introduction to Websites

Facilitator: Ms. Radhika Rathi Module: Websites Term: Foundation

12/26/2013

Websites

12/26/2013

Module: Digital Basics

Term: Foundation

(2)

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)

Airtel Website www.airtel.in

12/26/2013

Module: Digital Basics

Term: Foundation

(4)

Kohler Website www.kohler.co.in

12/26/2013

Module: Digital Basics

Term: Foundation

(5)

Microsites

12/26/2013

Module: Digital Basics

Term: Foundation

(6)

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)

Continental Coffee Microsite www.continentalcoffee.com

12/26/2013

Module: Digital Basics

Term: Foundation

(8)

Kohler Microsite www.playwithpressure.com

12/26/2013

Module: Digital Basics

Term: Foundation

(9)

Landing Page

12/26/2013

Module: Digital Basics

Term: Foundation

(10)

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: reference and transactional. Reference A reference landing 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 the landing 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)

Landing Pages

12/26/2013

Module: Digital Basics

Term: Foundation

(12)

Categories

12/26/2013

Module: Digital Basics

Term: Foundation

(13)

Categories of websites
Function Static Dynamic Purpose Corporate Brand Community Retail Service Discussion Forum / Review

12/26/2013

Module: Digital Basics

Term: Foundation

(14)

Categories of websites
Function Static Dynamic Purpose Corporate Brand Community Retail Service Discussion Forum / Review

12/26/2013

Module: Digital Basics

Term: Foundation

(15)

Static Website
Fixed content Requires creating few HTML pages No interactivity Pushes information

12/26/2013

Module: Digital Basics

Term: Foundation

(16)

Dynamic Website
Dynamic content Real time generated pages Requires programming and database management Possibility to incorporate interactivity Engages audience

12/26/2013

Module: Digital Basics

Term: Foundation

(17)

Categories of websites
Function Static Dynamic Purpose Corporate Brand Community Retail Service Discussion Forum / Review

12/26/2013

Module: Digital Basics

Term: Foundation

(18)

Corporate Website - Essar

12/26/2013

Module: Digital Basics

Term: Foundation

(19)

Brand Website Tata Sky

12/26/2013

Module: Digital Basics

Term: Foundation

(20)

Community Website Sunsilk Gang of Girls

12/26/2013

Module: Digital Basics

Term: Foundation

(21)

Retail Website Future Bazaar

12/26/2013

Module: Digital Basics

Term: Foundation

(22)

Service Website Shaadi (Matrimonial)

12/26/2013

Module: Digital Basics

Term: Foundation

(23)

Discussion / Review Website Car Dekho

12/26/2013

Module: Digital Basics

Term: Foundation

(24)

What goes into the making?

12/26/2013

Module: Digital Basics

Term: Foundation

(25)

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)

The Process

12/26/2013

Module: Digital Basics

Term: Foundation

(27)

The Process
Brief Strategy and CS discuss the brief Wireframe Tech + Creative provide inputs on feasibility

Understanding the objective

Competitive Research Site Offering Identify the USP The Big Idea Competitive Research Site Design etc. Sitemap

Decide timelines
Present look & feel Client approves sitemap & look and feel Budget presentation Approval and Signing Implementation

12/26/2013

Module: Digital Basics

Term: Foundation

(28)

Receiving the brief

12/26/2013

Module: Digital Basics

Term: Foundation

(29)

Strategy and Client Servicing Discuss the Brief

12/26/2013

Module: Digital Basics

Term: Foundation

(30)

Understanding the Objective

12/26/2013

Module: Digital Basics

Term: Foundation

(31)

Competitive Research Site Offering

Competitors 1 2 3 4 5 6 7 Service A Service B Service C Service D

12/26/2013

Module: Digital Basics

Term: Foundation

(32)

Identifying the USP

12/26/2013

Module: Digital Basics

Term: Foundation

(33)

The Big Idea

12/26/2013

Module: Digital Basics

Term: Foundation

(34)

Competitive Research Site Design, Navigation etc.

The four building blocks
Proprietary CTF tool for benchmarking websites against competitive sites on important paramaters

Understanding the consumers thought process

WBT Mind Map

Eye Track
Understanding the consumers online information absorption process

Industry Research
Best practices sourced out from the industry on related and relevant areas

12/26/2013

Module: Digital Basics

Term: Foundation

(35)

Sitemap

12/26/2013

Module: Digital Basics

Term: Foundation

(36)

Wireframe

12/26/2013

Module: Digital Basics

Term: Foundation

(37)

Tech + Creative provide inputs on feasibility

Tech

Creative

12/26/2013

Module: Digital Basics

Term: Foundation

(38)

Decide the timelines

12/26/2013

Module: Digital Basics

Term: Foundation

(39)

Present the sitemap and the design

12/26/2013

Module: Digital Basics

Term: Foundation

(40)

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)

Budget Presentation

12/26/2013

Module: Digital Basics

Term: Foundation

(42)

Approval and Signing

12/26/2013

Module: Digital Basics

Term: Foundation

(43)

Implementation
Tools & widgets Response Mechanism

12/26/2013

Module: Digital Basics

Term: Foundation

(44)

Thank You!

12/26/2013

Module: Digital Basics

Term: Foundation

(45)