Website Revamp Initial Action Plan

moonlightmidgeInternet and Web Development

Nov 18, 2013 (3 years and 10 months ago)

69 views

Website Revamp

Initial Action Plan

Comfort Connections

Specialty HVAC Distributer

Private Document

Table of Contents

2

1.
Statement of Context (
SoC
)

2.
Work Breakdown Study (WBS)


Phase 1

3.
Work Breakdown Study (WBS)


Phase II

4.
Work Breakdown Study (WBS)


Phase III

5.
Statement of Work (
SoW
)

6.
Statement of Scope (
SoS
)

7.
Statement of Deliverables

8.
Risk Assessment

9.
Communication Plan

10.
Protocol for Implementing Changes

11.
Research & Benchmarking


I

12.
Research & Benchmarking
-

II

13.
Other Significant Factors That Might Come Into Play

14.
Cost Overview

15.
Cost Breakdown


Phase 1

16.
Cost Breakdown


Phase II

17.
Cost Breakdown


Phase III


Corporate Website Revamp


Action Plan

Private Document

1. Statement of Context

3

Based

on

my

preliminary

research

I

understand

that

my

client,

who

is

in

the

specialty

HVAC

distribution

industry,

would

like

to

update

their

website

and

give

it

a

more

“modern”

feel
.

They

wish

to

remove

the

flash

component

and

generate

more

traffic

to

their

site
.

My

client

would

also

like

to

make

the

navigation

much

more

user

friendly

and

achieve

a

higher

search

engine

optimization

(SEO)
.

The

site

needs

to

be

attractive,

clear

and

concise

and

make

the

user

feel

comfortable

using

it

and

empowered
.

It

is

important

to

my

client

to

be

able

to

update

and

make

changes

through

the

backside

of

the

website

on

a

regular

basis,

meaning

I

will

have

to

ensure

that

the

design

will

be

easy

to

make

changes

to

and

easy

to

understand
.

Although

my

client

does

have

a

good

grasp

of

what

they

want

to

achieve,

they

may

not

be

clear

on

what

they

want

their

site

to

be

or

look

like
.

This

could

mean

multiple

changes

and

alterations

to

the

site

may

occur

and

require

additional

mock
-
ups

to

be

done

in

order

to

create

the

“perfect”

look
.

Corporate Website Revamp


Action Plan

Table of Contents

Private Document

2. Work Breakdown Study (p.I)

4

My workflow protocol will be broken down into three phases and based on shallow
prototyping because my client may change their mind frequently.


1.
Phase 1
(Research/Preliminary Concept/Layout Design)

Start: February 23
--

End: March 11 (Time on Task : 40.5 hours)

1.1

Research, Benchmarking, & Analysis
(15 hours)

1.2

Design/Layout

1.2.1

Layout
(8 hours)

1.2.2

Font
(4 hours)

1.2.3

Colour

Palette
(5 hours)

1.2.4

Menu
(6 hours)

1.2.5

User Testing
(2.5 hours)

1.3

Complete Preliminary Concept/Design (no content
)

Corporate Website Revamp


Action Plan

Table of Contents

Private Document

2. Work Breakdown Study (
p.II
)

Corporate Website Revamp


Action Plan

5

2.
Phase II
(Website Design Construction)

Start: March 12


End: March 22 (Time on Task : 52.00 hours)

2.1

Research, Benchmarking, & Analysis
(9 hours)

2.2

Design/Layout

2.2.1

Layout
(5.5 hours)

2.2.2

Font
(2 hours)

2.2.3

Colour

Palette
(2 hours)

2.2.4

Menu
(3.5 hours)

2.2.5

User Testing
(3 hours)

2.3

Contents

2.3.1

Management of Image Creation
(4 hours)

2.3.2

Editing & Optimization
(4 hours)

2.3.3

Cropping
(3 hours)

2.3.4

Content Management
(4 hours)

2.3.5

Written XHTML Strict Code & CSS
(12 hours)

2.4

Complete Website Design Construction (content & code)

Table of Contents

Private Document

2. Work Breakdown Study (p.III)

Corporate Website Revamp


Action Plan

6

3.
Phase III
(Polishing/Completion)

Start: March 23


End: April 8 (Time on Task : 27.50 hours)

3.1

Research, Benchmarking, & Analysis
(4 hours)

3.2

Design/Layout

3.2.1

Layout
(3 hours)

3.2.2

Font
(1.5 hours)

3.2.3

Colour

Palette
(1.5 hours)

3.2.4

Menu
(2 hours)

3.2.5

User Testing
(3 hours)

3.3

Contents

3.3.1

Management of Image Creation
(2 hours)

3.3.2

Editing & Optimization
(2 hours)

3.3.3

Cropping
(1 hour)

3.3.4

Content Management
(1.5 hours)

3.3.5

Written XHTML Strict Code & CSS
(6 hours)

3.4

Completed Website


Table of Contents

Private Document

3. Statement of Work

7

1.
Remove Flash

2.
Produce XHTML Strict Code

3.
Quality Assurance

4.
Photo Editing

5.
Graphic Design







Corporate Website Revamp


Action Plan

Table of Contents

Private Document

4. Statement of Scope

8

Item #

In Scope

Out of Scope

1

Produce

XHTML code in strict

XHTML

transitional

2

Edit

(crop/manipulate) photos and make them
web ready

Scanning,

taking pictures, conveying pictures to
me (you must email them to me)

3

Format and design layout for content, text,
images,

etc

Creating content from scratch, writing

text, or
drawing images

4

Frequently schedule

meetings with the client to
review progress of project

Meet at my

client’s house or at my house

Corporate Website Revamp


Action Plan

Table of Contents

Private Document

5. Statement of Deliverables

9

1.
Revamp of Existing Website

a.
Remove Flash


currently entire website constructed in Flash

b.
Make navigation more user friendly (planning & design), consisting of
6 links? (possibly 1 more)

c.
Links to additional websites containing product information

d.
About us (history & seller


years experience)

e.
Logo


clean up? Make more clear and not so “blurry

f.
Clean layout/design

g.
Higher SEO

h.
Allow user empowerment



Corporate Website Revamp


Action Plan

Table of Contents

Private Document

6. Risk Assessment


based on a 36 day time period

10

#

Item

Contingency

Fallback

Prevention

Weight of Risk

1

Materials

Not
Supplied

Use placeholder
text/image

boxes

Make

executive
decisions

Follow
-
up with
client until
outstanding content
received

.97

2

Lack of
Communication

Take initiative

and
ensure better
communication

Speak to
Peter

Remain in constant
contact and follow
-
up with client

.96

3

Client Indecisiveness

Provide examples
and rationale

for
each design

Explain
rules

of
design

Give client

options
with proper
explanations

.80

4

Vacation

1 week

Modify work

schedule

Work on

existing
material

/

.76

5

Hard

D
rive

Fails

Access

data from
alternative source

/

Regularly back
-
up
files

.63

6

Sickness

1

Week


Client

Work on existing

material
-

emails

Reschedule

/

.59

7

Sickness

1 Week
-

Me

Work from

home,
contact by email

/

/

.55

Corporate Website Revamp


Action Plan

Table of Contents

Private Document

7. Communication Plan

11

1.
Communicate with my client a minimum of
once per week

2.
Schedule a face
-
to
-
face meeting with my client at the end of each
phase, and possibly one in the middle of each phase to review

3.
Contact by phone and email

4.
Document all emails, phone calls, faxes, etc

5.
Keep print outs of EVERYTHING with date


if no date add a date
stamp on EXACT day communication/change or anything occurs

6.
When changes made, a print out with the finalized version must be
signed by the client


clearly marked with the date approved

Corporate Website Revamp


Action Plan

Table of Contents

Private Document

8. Protocol for Implementing Changes

12

If

changes

are

needed

to

be

made,

other

than

at

the

time

of

the

completion

of

a

phase,

I

will

allocate

an

area

where

my

client

will

be

able

to

navigate

to

on

the

Internet

to

review

materials

to

date
.

From

there

he

will

be

able

to

directly

see

the

progress

of

the

company

website,

allowing

for

any

immediate

changes

to

be

noted

and

dealt

with

quickly

and

efficiently
.


However,

all

changes

to

the

site

must

be

in

written

form

and

marked

“approved”

and

signed

by

my

client
.

That

way

there

is

written

documentation

that

my

client

did

authorize

the

change

and

approved

it,

making

it

easy

to

keep

track

of

all

the

changes

and

when

they

were

assigned

and

made
.

Corporate Website Revamp


Action Plan

Table of Contents

Private Document

9. Research & Benchmarking
-

I

Corporate Website Revamp


Action Plan

13

Table of Contents

Private Document

9. Research & Benchmarking
-

I

14

Corporate Website Revamp


Action Plan

Parameter

http://
www.thefoundry.ca
/

Features

about us, (history) products

page, programs, support, contact

Function

inform

users of message of
what we do
; marketing, promotion

Layout

minimalist postage stamp both main page and website

Colour

Palette

blue,

black, and brown, with white type

Font

veranda;

arial
;
helvetica
; sans
-
serif;
-

lucida

grande

CE;
--

all sans
-
serif fonts

Credibility

retail

awareness


other than that no evident real
cred

Site Metaphor

more

masculine; clean; simple; straightforward;

SEO

no meta tags;

Code

Looks hand done; CSS located

within the html document or page source

Visual Rhetoric

Photos

to add to the importance of content (text)

Sub Contracts

heating; venting;

accessories;

Navigation

6
-
item

horizontal menu;

Table of Contents

Private Document

9. Research & Benchmarking
-

II

Corporate Website Revamp


Action Plan

15

Table of Contents

Private Document

9. Research & Benchmarking
-

II

16

Corporate Website Revamp


Action Plan

Parameter

http://
www.redmondwilliams.com
/

Features

distributor

login;
commerical
;

hearth; HVAC; IAQ (indoor air quality);
hydronics
;

Function

provide

a central location for users to view
manufacters
; marketing, promotion

Layout

clean; simple; white space;

contact us on each page


only different is hearth page

Colour

Palette

White,

red, black, gray

Font

text

on page


veranda;
arial



all sans
-
serif fonts

Credibility

Site Metaphor

central

distributor for all your purpose needs

SEO

no meta tags, the meta tags it does have the content and description are blank

Code

JavaScript within HTML

document; poorly done; outdated;

Visual Rhetoric

Photo intensive in order to attract users attention;

no large images; mostly text

Sub Contracts

air

conditioning; condensing; tarp;
tracpipe
; HVAC; IAQ;
hydronics

Navigation

5
-
item horizontal menu as well as an

11
-
item vertical menu (on every page)

Table of Contents

Private Document

10. Other Significant Factors

17

1.
The client becomes too busy with business and does not have
time to proceed or follow up with me, which will slow (even halt)
the completion of this project

2.
Meetings constantly not met or always rescheduled


delay
completion of website

3.
Timelines are not followed by client and materials not supplied on
time (project can not continue)

4.
Client continuously changes their mind and wants to make
revisions throughout the entire project every step of the way and
after the approval sign
-
off of a task


goes back at a later date
wanting revisions on “final” work (constantly)

Corporate Website Revamp


Action Plan

Table of Contents

Private Document

12. Cost Overview

Corporate Website Revamp


Action Plan

18

Phase

Description

ToT

(hours)

Total

$

1

Research / Preliminary Concept / Layout Design

40.50

$ 1,012.50

II

Website Design Construction

52.00


$ 1,300.00

III

Polishing/Completion

27.50

$ 687.50

Total:

120.0

$ 3,000.00

HST 13%:

$ 390.00

Overhead

25%:

$ 750.00

Risk Buffer 20%:

$

600.00

Total Amount:

$ 4,740.00

Table of Contents

Private Document

12. Cost Breakdown


Phase I

Corporate Website Revamp


Action Plan

19

WBS

Item Description

ToT

(hours)

$/Hour

Total $

1.1

Research, Benchmarking, &

Analysis

15.0

$25.00

$ 375.00

1.2.1

Prototyping : Layout

8.00

$25.00

$ 200.00

1.2.2

Prototyping : Font

4.00

$25.00

$ 100.00

1.2.3

Prototyping :
Colour

Palette

5.00

$25.00

$ 125.00

1.2.4

Prototyping : Menu

6.00

$25.00

$ 150.00

1.2.5

Prototyping : User

Testing

2.50

$25.00

$ 62.50

Total:

$ 1,012.50

Table of Contents

Private Document

12. Cost Breakdown


Phase II

Corporate Website Revamp


Action Plan

20

WBS

Item Description

ToT

(hours)

$/Hour

Total

$

2.1

Research,

Benchmarking, & Analysis

9.00

$25.00

$ 225.00

2.2.1

Prototyping : Layout

5.50

$25.00

$ 137.50

2.2.2

Prototyping : Font

2.00

$25.00

$ 50.00

2.2.3

Prototyping :
Colour

Palette

2.00

$25.00

$ 50.00

2.2.4

Prototyping : Menu

3.50

$25.00

$ 87.50

2.2.5

Prototyping : User

Testing

3.00

$25.00

$ 75.00

2.3.1

Image Management

4.00

$25.00

$ 100.00

2.3.2

Editing

& Optimization

4.00

$25.00

$ 100.00

2.3.3

Cropping

3.00

$25.00

$ 75.00

2.3.4

Content Management

4.00

$25.00

$
100.00

2.3.5

Written XHTML

Strict Code & CSS

12.00

$25.00

$ 300.00

Total:

$


1,300.00

Table of Contents

Private Document

12. Cost Breakdown


Phase III

Corporate Website Revamp


Action Plan

21

WBS

Item Description

ToT

(hours)

$/Hour

Total

$

3.1

Research,

Benchmarking, & Analysis

4.00

$25.00

$ 100.00

3.2.1

Prototyping : Layout

3.00

$25.00

$ 75.00
3.2.2

Prototyping : Font

1.50

$25.00

$ 37.50

3.2.3

Prototyping :
Colour

Palette

1.50

$25.00

$ 37.50

3.2.4

Prototyping : Menu

2.00

$25.00

$ 50.00

3.2.5

Prototyping : User

Testing

3.00

$25.00

$ 75.00

3.3.1

Image Management

2.00

$25.00

$ 50.00

3.3.2

Editing

& Optimization

2.00

$25.00

$ 50.00

3.3.3

Cropping

1.00

$25.00

$ 25.00

3.3.4

Content Management

1.50

$25.00

$ 37.50

3.3.5

Written XHTML Strict Code & CSS

6.00

$25.00

$ 150.00

Total:

$

687
.50

Table of Contents