Specification/Design Document

Web Site

Specification/Design

Document

For

www.digitaldf.com

Digital Design Factory

2028 Abelia Lane

Vista, CA 92083

Version 1.1

Last Updated: 7/22/09

Status: Draft

Authors:

Forrest Lloyd, Information Systems

Shawn Lloyd, Digital Design Factory

by

Information Systems

118 N. Gwen Dr.

Ridgecrest, CA 93555

769 900 3205


Document Revision History

Revision 1

Author: Forrest Lloyd

Date: 3/17/09

Description: Document prior to tailoring to meet customer needs.

Revision 1.1

Author: Forrest Lloyd

Date:7/22/09

Description: Included business description from proposal


Table of Contents

1 Purpose of Document 5

1.1 Scope of Document 5

1.2 Support Documents 5

1.3 Document Development Instructions 5

2 Business Overview 7

2.1 Business Name 7

2.2 Business Point of Contact 7

2.3 Business History 7

2.4 Business Mission Statement 7

2.5 Business Support Documents 7

2.6 Competitive Position 7

2.7 Domain 8

2.8 Server 8

2.9 Web Site Visitor Profile 8

2.10 Web Site Business Requirements 8

2.11 Customer In House Web Expertise 8

2.12 Current Web Site Evaluation 9

2.13 Web Site Upgrade Goals 9

2.14 Expected Web Site Impact on Business 9

2.15 Marketing Plan Update 9

3 Web Information Design 10

3.1 Web Content 10

3.2 Sitemapping 13

3.3 Wireframing 14

3.4 Navigation 17

4 Web Visual Design 18

4.1 Define Smart Design 18

4.2 Review Site Goals 18

4.3 Developing Concepts 18

4.4 Designing for Your Audience 19

4.5 Presenting Design and Gathering Feedback 19

4.6 Testing Functionality 19

4.7 Create Graphic Templates 19

4.8 Creating a Design Style Guide 20

4.9 Copyright Protected Material List 20

5 Web Functions 21

5.1 Search Engine Score Enhancements 21

5.1.1 HTML Title tag 21

5.1.2 Meta Data – Description 21

5.1.3 Meta Data – Keywords 21

5.1.4 Meta Tag - Robots 22

5.1.5 Robot Include Directive Error! Bookmark not defined.

5.1.6 Search Engine Robot Include Directive 22

5.1.7 Search Engine Robot Exclude Directive 22

5.1.8 Out Going Hyperlinks 22

5.1.9 In Coming Hyperlinks 22

5.1.10 Handicapped Enhancements 23

5.1.11 Flash, Shockwave, Real, MP3 23

5.1.12 Internal Navigation Links 23

5.1.13 Register Web Sites 23

5.2 Handicapped Enhancements 23

5.3 Visitor statistical Data 25

5.4 Forms 25

5.5 Login 25

5.6 Shopping Cart 25

5.7 E-Commerce 25

5.8 Content Management System (CMS)/Database 26

6 Web Technical Constraints 27

6.1 Technical Architecture 27

6.2 Security 27

6.2.1 Cross-site Scripting 27

6.2.2 Injection Flows 27

6.2.3 Malicious File Execution 27

6.2.4 Cross-site request forgery 27

6.2.5 Insecure direct object reference 28

6.2.6 Information Linkage & Improper Error Handling 28

6.2.7 Broken Authentication and session management 28

6.2.8 Insecure Cryptographic Storage 28

6.2.9 Insecure Communications 28

6.2.10 Failure To Restrict URL Crosses 28

6.3 Server Specifications 28

6.3.1 Development Server 28

6.3.2 Customer Server 29

6.4 Visitor Viewing Equipment Requirements 29

6.4.1 Viewing Devices 29

6.4.2 Browsers/OS/Computer for Screens 30

6.4.3 Browser Plug-In/Options 31

6.4.4 Screens 32

6.4.5 Internet Connections 32

7 Web Site Content Maintenance 33

7.1 General Information 33

7.2 Content Creation 33

7.3 Production Expertise 33

7.4 Promotion 34

8 Web Site Design 35

8.1 Web Site Content Partitioning 35

8.2 Internet Tools 35

9 Web Future Enhancements 36

Appendix A – Meta Data - Key Word Selection 37

Appendix B – Handicapped Requirements 38

Appendix C – Code Validations for Web Site Testing 42

1 Purpose of Document

This document defines the web site specification and design.

1.1 Scope of Document

This document defines the web site in its entirety. The document is started after the phase I proposal is approved by the customer and is completed prior to web site software coding. As this document is developed, the test plan and test description part of document “Web Site Test Plan/Description/Report Document” is also developed. This document is done when the customer approves the document following the “Design Review”. The key steps to defining the web site via this document are:

a.  Business Description

b.  Web Information Design

c.  Web Visual Design

d.  Web Functions

e.  Web Technical Constraints

1.2 Support Documents

a.  Web ReDesign 2.0 by Kelly Goto & Emily Cotler (Recommended text book)

b.  Web Site Evaluation Document (If upgrading a web site)

c.  Proposal Phase I - Web Site Definition Report

d.  Web Site Test Plan/Description Document (Template)

1.3 Document Development Instructions

a.  This document starts out as the Specification/Design Document template. Most templates content is required to build all web sites. Instructions are identified with brackets as such {instructions} that provide guidance in completing this document. Remove the instructions from the document as the instructions are executed.

b.  Section “2 Business Description” has already been completed in the “Project Proposal Phase I – Definition” document. Use copy and past to move the information from one document to the other.

c.  If a web site evaluation was performed, use the “Web Site Evaluation Report” and customer input to identify what old web site content will be used in the new web site. Modify this document to reflect those decisions. See section “3.1 Web Content”.

d.  Section “2.9 Web Site Visitor Profile” is critical information in completing this document. The customer provided this information when the “Project Proposal Phase I – Definition” document was prepared. If there is any drought about the accuracy of this information, make changes and provide this information back to the customer using a “Visitor Profile Report”. Use the same information format for this document and the report.

e.  Section “7 Web Site Content Maintenance” addresses how often and how much information will change on the web site. It is important to identify this information early in preparing this document. It will impact the web site design. When section 7 is completed, product a “Content Maintenance Report” and have the customer review and approve this section prior to document approval at the “Design Reviw”.

f.  Section “4.8 Creating a Design Style Guide” captures web style information to maintain presentation consistency throughout the web site life cycle. The style guide is produced in parallel with this document and reviewed and approved by the customer prior to completion of this document. Prototype web pages are developed to help the customer and developer define the web style. The web development team in Phase II will use the document. Web site maintainers will also use the document.

2 Business Overview

The information contained in section 2 is copied over from the Proposal Phase I Document.

2.1 Business Name

Digital Design Factory

2028 Abelia Lane

Vista, CA 92083

2.2 Business Point of Contact

Shawn Lloyd

760-519-4921

2.3 Business History

Digital Design Factory has been providing wedding videography services for over six years. The area of operation has been Southern California. Over this time period camera technology has gone from “Standard Definition” to “High Definition”. However, high definition is still being integrated with the end user. To date pricing has been very competitive. However, the business is evolving to a higher cliental. Higher cliental expect more cinematic videos.

2.4 Business Mission Statement

Provide mid to high-end wedding videos and capturing that once in a lifetime event. Educate cliental on the evolving production quality/value and media delivery options.

2.5 Business Support Documents

a.  Business card

b.  Old brochures and flyers

c.  Old web site

2.6 Competitive Position

Capturing wedding events on video is a new evolving industry. Photography is still the primary method. Digital Design Factory is competing with other medium to high-end companies in Southern California to capture and expand this new-recorded form of art. Advertising methods include hosting a web site, visiting bridal shows, direct mailing, and partnering with other wedding vendors.

Digital Design Factory has identified ways to improve its competitive position. The current business web site does not project a world-class product. A new website is needed projecting Digital Design Factory as a leader in capturing weddings on video. The company is upgrading its workflow to deliver wedding video shortly after the wedding event. New media outlets are being investigated to accommodate family and friends that could not attend the actual ceremony.

2.7 Domain

Digital Design Factory has acquired www.DigitalDF.com from domain supplier Dotster. Dotster can be contacted at:

www.dotster.com

Phone 360 499 5600

2.8 Server

The web site is being hosted by Information Systems. The company can be contacted at:

Information Systems

118 N. Gwen Dr.

Ridgecrest, CA 93555

www.Information-Systems.US

760 900 3205

2.9 Web Site Visitor Profile

Profile 1

a.  Who are your site visitors? – Brides and grooms

b.  Age? – 20 – 28 yrs

c.  Gender? Female 80%

d.  Online frequency? 100 per day

e.  Why did they come to the site? Find a videographer.

f.  What is the visitor looking for? – Pricing, samples of work

g.  What tasks will they be performing? – Watching video, price comparing, acquiring contact information, and leave messages on the blog.

h.  What platforms will they use to view the site? – Computers.

i.  What network access speed will they be using? – dsl / cable modems

j.  What programming languages will they have? – Javascript

k.  What plug-ins will they be using? – Flash ?

l.  What browsers will they be using? Mozilla, IE, Safari, Firefox

m.  Will they need a secure web site? No

n.  Will they want e-commerce? No

2.10 Web Site Business Requirements

a.  Artistic edge as we are providing a creative service

b.  Web site must load quickly

c.  Navigate must be intuitive

2.11 Customer In House Web Expertise

Digital Design Factory will provide graphic artwork for the web site.

2.12 Current Web Site Evaluation

a.  Most copy content will be used.

b.  Most images and video will be used.

c.  Most of the web site page layout.

d.  New domain name.

e.  New page wireframe.

f.  New graphic art.

g.  Few changes to the blog.

2.13 Web Site Upgrade Goals

a.  Increase traffic

b.  Increase sales

c.  Highlight new products

d.  Demonstrate video quality

e.  Identify geographic area of interest

f.  Familiarize wedding party with recording tools that will impact them

g.  Include Frequently Asked Questions

2.14 Expected Web Site Impact on Business

a.  Marketing – 80% of business comes from the website

b.  Advertising – almost all advertising is web based

c.  Operations – Educate wedding party of recording equipment they will be interacting with.

2.15 Marketing Plan Update

The business-marketing plan needs to be modified to include this web site as part of the overall plan. The web site will be designed to provide a high search engine score. Details are included later on in this document. The web site will be designed for accessibility by the visually and hearing impaired. This web site capability will expand your audience and is required for a high search engine score. Tools will be designed into the web site to provide visitor statistical data. The information will help evaluate both business performance and web site performance. This information can be evaluated on whatever time interval desired by the business.

The off line part of the business marketing plan will need modification to optimize the overall business marketing plan. Include web address on business cards. Include web address on vehicle signs. Mail flyers to potential clients with web address enclosed. Visit potential clients and hand out business cards. Purchasing an ad with Google for selected key words can increase the Google search engine score.

3 Web Information Design

A web site is about providing information to the web site visitor in a clear and concise way. The Web Information Design section of this document provides a roadmap to presenting information to that web site visitor in that clear and concise way. Information design will go through multiple iterations between the design team and customer to get it right! The steps include building:

a.  Web Content Outline

b.  Sitemap

c.  Wireframe

d.  Navigation

The Information Design identifies the content of each page and the navigation buttons that leads the user to that information. Completing web information design prior to visual graphics will reduce rework.

3.1 Web Content

{The “Project Proposal Phase I – Web Site Definition Document” contains a “Web Content Plan” section. The plan needs to be executed now. Extract old web site content for reuse as approved by the customer. Use the “Web Site Evaluation Document” if one was produced to identify relevant content. Content includes text, audio, video, images, and graphic art. Work content issues soon after delivery from the content provider.

Start with a content outline. Use web page names for the top level of the outline. Make the second highest outline level subtitles to that web page. Prioritize the content. Rate the content for quality and edit as required. Format the content for compatibility with the web site.

At this point the project team should know the content change rate. They should also know who will be keeping the content current, and what their skills are. Consider how to design the web site to minimize the effort to keep the content current. Design the web site to accommodate anticipated growth areas. Capture this information in the “Web Site Content Maintenance Report”. Deliver this document prior to design review.

Perform content analysis to identify meta data to support search engines. Consider if the meta data will change when content is changed during the maintenance of the web site. For details on how to treat meta data key words, refere to Appendix A.

3.1.1 Home Web Page

Text:

Every wedding is a special event. That is why we focus on capturing the essence of your once in a lifetime day in a classic, artful, cinematic style that will look good in the decades to come. Our craft consists of blending the candid intimacy of the documentary style with the timelessness of well-chosen classic poses. All the events of the day will be captured using professional cameras. With several different packages to choose from, we have a solution that will meet all of your particular needs.

Video

A video can be selected on this page that runs for 3 minutes, 45 seconds. The video covers the wedding ceremony. A control bar at the bottom allows the viewer to start, stop, set volume, and select from a timeline.