Official Driver WebsiteWebsite PresentationMegan Barker

WEBSITE OVERVIEW

Website DescriptionThis website is a sports informational web

page for a single race car driver in the World of Outlaw(WoO) Sprint Car series.

It will be built around the information that many of the series’ fans are accustomed to and desire.

Information on this site will be written by a combination of the driver, the driver’s personal representative, and the driver’s team

Outside information from the World of Outlaws series will include the racing schedule and points.

Target AudienceGeneral ages from 15 to 30 Both male and femaleFor the driver’s fans as well as

general race fans or local track fans

Navigation built around a novice race fan web user

Structural ThemeHierarchical site structureHas a little more depth than the

simplistic sequence structure, but is not as complicated than a web-linked site

Site PagesThe names of the pages are

simple and let the user know what they can expect to find on each of the pages

Link to the website’s site map found at the bottom of the page

SITE MAP

Profiles News Events Graphics Contact

Driver Race Reports Appearances

Photos Contact Us

Team WoO Statistics

Race Schedule

Videos Facebook

Sponsors WoO Points Twitter

WoO Series Newsletter

Website Diagram

TYPOGRAPHY

Typography Used Title/Headline: Veranda White Regular 18

Headings/Subheadings: Tahoma White Bold

-16 (Heading)

-14 (Subheading)

Body Content : Tahoma White Regular

-14(Page text)

-12(Side bar)

Links/Anchor: Bookman Old Style

-White(Page Links) -Yellow(other links) -Blue(Hover)

-Page Anchors(Regular) -Links(Regular Underlined)

-Links:14(in text) -12(out of text) -Anchor: 18

NAVIGATION

Base NavigationWebsite logo will be used as the link back

to the home page.As a user hovers over a base navigation

link, the text turns a light blue.Active navigation link text will be yellow

in color.Sub-category menus will have the same

properties as the base navigation Sub category’s base navigation heading

text will remain the yellow color to let the user continually know where they are.

Base Navigation Example

Sub-category Example

BreadcrumbBreadcrumb will be placed in the

bottom section of the website with the copyright information

The active page will be in yellow text and any preceding pages will be white text

Hovering on a preceding page will give the text the blue color as before.

BREADCRUMB EXAMPLESame basic rules apply to the breadcrumb as they do for the base navigation

Active:HomeHome>TeamHome>SponsorsHome>GalleryHome>Gallery>PhotosHome>Gallery>VideosHome>News>Race Reports

BREADCRUMB EXAMPLE CONTINUEDThe continuation of examples.

Home>News>EventsHome>News>WoO StatsHome>Reach UsHome>WoO InfoHover example:Home>Profile

In-context Navigation Example

GRAPHICS & MULTIMEDIA

Images: Copyrights Sean Cain for Kasey Kahne racing took the sample pictures

and has allowed me to use for this demonstration Purchasing full copyright for web use would be determined

by file size and how many uses the photo would be used (different pages)

The major racing photographers are Getty Images or CIA (Cameras in Action) Photography

Must be a race team member to gain access to CIA’s photos Getty Images, prices range from about $25 to about $800 for

royalty free photographs All other photos are determined by type of use and whether

you are purchasing a single use or for multiple uses and prices start at about $50 and go up depending on the use

No information on CIA pricing could be found at the current time

Images on SiteSize and resolution will vary depending on

digital camera usage. Image load time should take between 3 seconds and 6 seconds

Color mode will be RGBThere will be no image animationInteractivity will depend on the page the

image is located. It may open to a full version image or may link you to the Photos page

File types will generally be JPEG or GIF, but sponsor logos may be presented in PNG

Color feel may be dark or colorful

Sample Images

img_3482 img_3680

img_7394 img_7818img_8701

Sample Image References Cain, S. (2011, October). img_3482. Retrieved

from http://www.kaseykahneracing.com/photos/

Cain, S. (2012, February). img_3680, img_7394, & img_7818. Retrieved

from http://www.kaseykahneracing.com/photos/

Cain, S. (2012, May). img_8701. Retrieved from

http://www.kaseykahneracing.com/photos/

VideosNo animation will be present in video previews,

just a static image.Interactivity again depends on the page. It will

take you to the Videos page or open a full video player to watch the video(Video or Home page)

Video will have option to choose the quality of video to be played: 240p, 360p, 480p, 720p, 1080p, or automatically chosen based on users internet connection

Basic file types such as avi, mp4, or wmvVideo toolbar appears when you hover over and

disappears when not hovering over the area where toolbar is located

Video Player Layout Example

360p

WEBSITE PAGES(some with sampled photos)

Home Page

Profile

Team

Sponsors

Gallery

Photos

Videos

News/Race Reports

Events

WoO Stats

Reach Us

WoO Info