Web & Digital Media Planning Worksheet

gunpanicyInternet and Web Development

Jun 26, 2012 (5 years and 1 month ago)

520 views




By Pass Engineering

Web & Digital Media
Planning Worksheet

Detailed Development Process Outline

Sunday, August 15, 2010


Doug McClure

Founder & CEO, By Pass Engineering

Advanced Web Architecture and Digital Media Design

bypass@cox.net

| (619) 263
-
83
0
9



www.
bypassengineering.com







Page |
2

2


Detailed Development Process

Phase I:

Web Site Review and Strategic Planning

Initial design and discovery meeting (or phone conference) to discover business goals and development
strategy. Revie
w of current website (if any) to evaluate existing Client content, edit copy, branding, media
or other resources that may be suitable for reuse in the development of the new online business.
Note:

This is required to accurately estimate the scope
-
of
-
work a
nd to provide you the Client with a project
budget estimate prior to work start.

Review of Current ISP Host Provider and Capabilities



Review current ISP web host provider to determine existing capabilities vs. requirements



If you do not already have a regi
stered domain name or web host provider, these items will be
required and must be purchased and configured prior to work start to store and test
developments. We can assist with these tasks.



Configure these capabilities according to the project scope as ap
plicable (i.e., configure email
accounts; configure server side modules and plug
-
ins, etc.)

Content Gathering and Project Managing



Gather, organize, convert… Client’s existing content into web
-
ready digital format



Manage project and communicate ongoing sta
tus updates

Database Integration, Deployment and Editing Elements

Customer/ Vendor login security



Secure login (as applicable)



Information request processing (as applicable)



Statistical tracking [Google Analytics, Business Analytics, etc.] (as applicable)

Back Office Site Administration (Web
-
based)



Secure login (as applicable)



Configure add, delete and edit security roles (as applicable)



Security Roles and Protected Content



Administrators can define and assign roles for
different user groups such as reg
istered users, subscribers, content providers, affiliates, and
media. They can then grant access and editing rights for each group. These rights can be
assigned to the entire site, a single page, or even to an individual module on a specific page.
Individu
al users may belong to more than one group. Administrators can also establish separate

www.
bypassengineering.com







Page |
3

3


password
-
protected areas to control access.

Phase I Deliverables



䅳獥獳ment of site 牥qui牥ments and goals



偲Pli浩na特rsite map



䵡ste爠s捨edule



3 design 捯mpositions
o爠牥fe牥n捥 e
amples ⡳ite design p牯tot祰es)

Note
: These compositions may be delivered in HTML (on line) or PhotoShop mock
-
up artwork. Additional
compositions beyond the 3x initial will be billed at the prevailing hourly rate.

Phase II: Messaging and
Content

Discovery of Business Goals and development of Corporate Messaging :


(Sample site content elements)

Business Goals

Online Product Sales (purchase and download) and Lead Generation w/ Business Analytics.

Primary Goals



Individual p牯du捴 sales ⡤i
gital download with 物ghts 浡nagement)



卩te subs捲cptions ⡷hi捨 in捬ude ac捥ss to Fo牵ms, 䉬ogs, 噩deos, et挮)

Secondary Goals



Web for洠inquiries / Newslette爠subs捲cptions ⡥pand 祯u爠leads database / CR䴩



䅲Ai捬es (infor洠the 捯浭mnit礠while p牯moting
e捥llent 卅O 牡nkings)

Email Marketing



Email 捡mpaigns ⡰牯motions, health news, et挮)



One of email b牯ad捡st ⡳捨eduled and sent to enti牥 o爠segmented g牯up on a set date⤠



Lo祡lt礠捡mpaign (䉩rthda祳, 䅮nive牳a物es, Wo牫flow 䅵to 牥sponde爬 et挮)



Usin
g Opt
-
in/Opt
-
out best p牡捴i捥 ⡩.e., C䅎
-
S偁P 䅃T)

Reporting & Analytics



䅮al祺y Online 䉵siness 健牦orman捥 and 䉵sine獳 䅮al祴i捳



Google 䅮al祴i捳 w/ goals and 䭥礠met物捳 t牡捫ing ⡖isits, online sales, inquiries, subs捲cptions)


www.
bypassengineering.com







Page |
4

4


Content Development

Hom
e/About



Compan礯O牧/G牯up 偲Pfile



䭥礠䵡nagement / o爠BIOs



Investo爠Relations / 䉯a牤 of Di牥捴o牳 / or 卨a牥holders 䉡捫c牯under

Products/Services (as applicable)



偲Pdu捴s/卥rvi捥s b礠Catego特 / or 噥nues



偲Pdu捴 Collate牡l / 印ecifi捡tions / Data 卨eet
⡡s appli捡ble)



卵ppo牴 Information, etc.

Services (as applicable)



卥rvi捥s b礠Catego特



卥rvi捥s Collate牡l or 偲Pspe捴us



卵ppo牴 Information, suppo牴 es捡lation plan, disaste爠牥捯ve特, etc.

Press Area (as applicable)



News / 偒 / 䉬ogs



䅲Ai捬es / 䅲Aic
le 䵡牫rting / Google News, et挮



䅷a牤s / 䕮do牳ements, et挮

Sales (as applicable)



Conta捴 Infor浡tion



Conta捴s b礠Region (inte牡捴ive map o爠
G

-
L
o捡to爬 as appli捡ble)



O牤e物ng Info eCo浭er捥 / Quote Inquir礠Form / o爠䉯o歩ng ⡥vents 捡lenda爩

Contact (
aka

Booking)



䉵sine獳 Lo捡tions



䉵sine獳 䅤d牥s獥s, 偨ones, Faes



䭥礠Depa牴ments / Contacts


www.
bypassengineering.com







Page |
5

5




Employment Opportunities

Phase II Deliverables



偲Pli浩na特r捯ntent ⡡ll web pages⤠and navigation 牥view and app牯val. This 捡n also o捣c爠b礠
posting to a 䉅TA s
ite fo爠牥view and phone 捯nfe牥nces using the host site as the p牥sentation
fo牵洮

Phase III: Architecture

Develop the presentation strategy and architecture that puts all key messages no more than three levels
deep within the site from the home page:

C
ustom Navigation development



Data
-
D物ven Navigational Development
(3
-
level navigation model)



Navigation 䉥st 偲P捴i捥s 却牡teg示 Identify the app牯p物ate balan捥 between st牵捴u牥 and
fle硩bilit礮 Too mu捨 fle硩bility 牥sults in 捯mplete 捨aos, too mu捨 st
牵捴u牥 牥sults in lifeless
捯浭uni捡tions.

Construction of Site Template (Page Layout aka Skin)



Logo, 䉲Bnding, Colo牳 ⡈e砠o爠P䵓⤬ t祰og牡ph礠⡃S匩S 偡ge la祯ut



Conve礠Co牰o牡te Identit礠th牯ughout all pages



Page Design and Colors

Choosing your website

colors is not unlike choosing colors and
graphics for a print campaign but should contain similar accent colors to maintain branding.


Simplicity, clean, legible copy and cross
-
browser compatibility are hallmarks of good web
design.

White backgrounds prov
ide ample contrast and readability.


Colors should generally be
used as accents, or soft shades (pastels or gradients) for backgrounds.



Page layout

can vary broadly however there are some basic rules for best practices. Page
display area (1000px horizonta
l) is generally centered or justified left and navigation across the
top of the page and repeated in text form at the bottom of the page is considered a standard best
practice. Creative designs will vary greatly as there are no set requirements only best p
ractices.



Style sheets



䉵ilt
-
in st祬e sheets help use牳 捲cate pages with a unifor洠appea牡n捥. Style
sheets 捡n be easil礠捯nfigu牥d to alter 捥牴ain elements, su捨 as font t祰e, 捯lo爬 bullet points,
and ba捫c牯und 捯lo爮



Site Skins



卫ins allow admin
ist牡to牳 to 捯mpletel礠change the loo欠of a site without the need
to 牥o牧ani穥 捯ntent


all at the cli捫 of a button. 卫ins 捡n be easily designed, and a牥 widel礠
available th牯ugh thi牤
-
pa牴礠vendo牳 as f牥e offerings o爠捵stom
-
built pu牣rases.

Phase
III
Deliverables



Revised site map


www.
bypassengineering.com







Page |
6

6




偲Pli浩na特rpage la祯ut designs ⡸3), t祰og牡ph礬 masthead a牴, etc.

Phase IV: Design

Web page presentation


develop the look
-
慮a
-
feel, basi挠fun捴ionality, p牥li浩na特 navigation and
t祰og牡ph礠C卓Sstyle:

Edit Copy (C
ontent)



Don❴ fo牧et, 捯ntent ⡴he message to 祯u爠捵stome牳 in wo牤s⤠is 䭩ng and is eve特 bit as
impo牴ant as the design (visual p牥sentation).


Well
-
w物tten 捯p礠and information 捡n 浥an the
diffe牥n捥 in actually making a sale o爠gaining a 捵stomer. Co
ntent also d物ves 卥a牣r 䕮gine
Opti浩穡tion ⡓(O) positioning. How easil礠and p牥do浩nantl礠祯ur site 捡n be found using web
sea牣r tools ⡩.e., Google, Bing, 奡hoo!, M华⤮

Website
-

Images / Graphics



Image editing ☠opti浩穡tion for all client supplied
images



却o捫cmedia 牥si穥 and 捯nve牳ion to web 牥ad礠a牴 ⡡s appli捡ble)



C牯獳
-
b牯wse爠捯mpatibility validation (䵓MInte牮et Eplo牥爠/ 䵯zilla Fi牥fo砠/ 卡fari)

Functional Modules

Custom applications and modules allow you to extend the functionality of a

website. Including, but not
limited to the following: (see prospectus for complete current list)



Catalog modules



䉬ogs, Fo牵ms, RS匬 Co浭mnts modules



䅤 Rotato爠modules



偨oto Galler礠modules



䉯o歩ngs modules



䅮noun捥ment modules



F䅑 modules



et挮

Phase IV
Deliverables



偲Pli浩na特rlanding page design ⡳t牵捴u牥)



偲Pli浩na特rse捯nd
-
tie爠page design ⡮avigation + 捯ntent)


www.
bypassengineering.com







Page |
7

7


Other Services

Photography

The client shall supply suitable quality digital photography or stock photos.
We also, offer onsite professional photography services.


Photo Retouching

Digital Photo Retouching and Enhancement Services
.
Web

media

preparation

resizing, color balancing, back
ground removal ―knockout‖, etc.


Animated Graphics

A
nimated banner
s
,
Flash
,

tutorials, screen

capture, etc.


Videos

Videos

are
one of the most effective advertising formats!

By adding the
interactivity of the web, this form of advertising outperforms virtually all other
formats in aiding brand awareness, online ad awareness, brand favorability,
and purc
hase intent. We also, offer onsite professional video services.


Functional
Enhancements

Specific functionality required by the site owner. I.e.,

online Calendar, online
Quotes, support Help Desk, MP3 Player, product Video Gallery, etc.

See also,
Functional Enhancements (Modules).




Preliminary tertiary
-
tier page design (edit copy reviewed and approval)

Phase V: Review, Edit, Test and Implementation



Populate page desig
ns with client logos, masthead art, nav, etc.



Populate web pages with client content (text and media)



Programming of unique page elements (as applicable) and linking of content and navigation
throughout the site



Upload and beta
-
testing of the Site to the c
lients host provider



Review, edit, finalize and sign
-
off on the completed site



Activate reporting stats on site

Phase V Deliverables



Completed site uploaded to the clients host provider



CD
-
ROMs or DVDs containing source media used to develop the final site

Website Maintenance

We recommend contract maintenance
t
o insure
your site
r
emain
s

up
-
to
-
date.

B
asic maintenance includes
monthly search engine registration,
link checking,
repair/normal upkeep

and minor text c
hanges with
normal hourly rates applying after the first hour.