By Pass Engineering
Web & Digital Media
Detailed Development Process Outline
Sunday, August 15, 2010
Founder & CEO, By Pass Engineering
Advanced Web Architecture and Digital Media Design
| (619) 263
Detailed Development Process
Web Site Review and Strategic Planning
Initial design and discovery meeting (or phone conference) to discover business goals and development
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.
This is required to accurately estimate the scope
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
Content Gathering and Project Managing
Gather, organize, convert… Client’s existing content into web
ready digital format
Manage project and communicate ongoing sta
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
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.
al users may belong to more than one group. Administrators can also establish separate
protected areas to control access.
Phase I Deliverables
䅳獥獳ment of site 牥qui牥ments and goals
3 design 捯mpositions
amples ⡳ite design p牯tot祰es)
: 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
Discovery of Business Goals and development of Corporate Messaging :
(Sample site content elements)
Online Product Sales (purchase and download) and Lead Generation w/ Business Analytics.
Individual p牯du捴 sales ⡤i
gital download with 物ghts 浡nagement)
卩te subs捲cptions ⡷hi捨 in捬ude ac捥ss to Fo牵ms, 䉬ogs, 噩deos, et挮)
Web for洠inquiries / Newslette爠subs捲cptions ⡥pand 祯u爠leads database / CR䴩
䅲Ai捬es (infor洠the 捯浭mnit礠while p牯moting
e捥llent 卅O 牡nkings)
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挮)
out best p牡捴i捥 ⡩.e., C䅎
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)
䭥礠䵡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
卵ppo牴 Information, etc.
Services (as applicable)
卥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捴s b礠Region (inte牡捴ive map o爠
o捡to爬 as appli捡ble)
O牤e物ng Info eCo浭er捥 / Quote Inquir礠Form / o爠䉯o歩ng ⡥vents 捡lenda爩
䉵sine獳 䅤d牥s獥s, 偨ones, Faes
䭥礠Depa牴ments / Contacts
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
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:
ustom Navigation development
D物ven Navigational Development
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
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
White backgrounds prov
ide ample contrast and readability.
Colors should generally be
used as accents, or soft shades (pastels or gradients) for backgrounds.
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
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爮
卫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
Revised site map
偲Pli浩na特rpage la祯ut designs ⡸3), t祰og牡ph礬 masthead a牴, etc.
Phase IV: Design
Web page presentation
develop the look
feel, basi挠fun捴ionality, p牥li浩na特 navigation and
Edit Copy (C
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).
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华⤮
Images / Graphics
Image editing ☠opti浩穡tion for all client supplied
却o捫cmedia 牥si穥 and 捯nve牳ion to web 牥ad礠a牴 ⡡s appli捡ble)
b牯wse爠捯mpatibility validation (䵓MInte牮et Eplo牥爠/ 䵯zilla Fi牥fo砠/ 卡fari)
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)
䉬ogs, Fo牵ms, RS匬 Co浭mnts modules
偲Pli浩na特rlanding page design ⡳t牵捴u牥)
tie爠page design ⡮avigation + 捯ntent)
The client shall supply suitable quality digital photography or stock photos.
We also, offer onsite professional photography services.
Digital Photo Retouching and Enhancement Services
resizing, color balancing, back
ground removal ―knockout‖, etc.
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,
hase intent. We also, offer onsite professional video services.
Specific functionality required by the site owner. I.e.,
online Calendar, online
Quotes, support Help Desk, MP3 Player, product Video Gallery, etc.
Functional Enhancements (Modules).
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
ROMs or DVDs containing source media used to develop the final site
We recommend contract maintenance
asic maintenance includes
monthly search engine registration,
and minor text c
normal hourly rates applying after the first hour.