Official Driver Website Website Presentation Megan Barker

WEBSITE OVERVIEW

Website Description This 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 Audience General ages from 15 to 30 Both male and female For the driver’s fans as well as general race fans or local track fans Navigation built around a novice race fan web user

Structural Theme Hierarchical site structure Has a little more depth than the simplistic sequence structure, but is not as complicated than a web-linked site

Site Pages The 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 ProfilesNewsEventsGraphicsContact DriverRace ReportsAppearancesPhotosContact Us TeamWoO StatisticsRace ScheduleVideosFacebook SponsorsWoO PointsTwitter WoO SeriesNewsletter

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 Navigation Website 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

Breadcrumb Breadcrumb 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 EXAMPLE Same basic rules apply to the breadcrumb as they do for the base navigation Active: Home Home>Team Home>Sponsors Home>Gallery Home>Gallery>Photos Home>Gallery>Videos Home>News>Race Reports

BREADCRUMB EXAMPLE CONTINUED The continuation of examples. Home>News>Events Home>News>WoO Stats Home>Reach Us Home>WoO Info Hover 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 Site Size and resolution will vary depending on digital camera usage. Image load time should take between 3 seconds and 6 seconds Color mode will be RGB There will be no image animation Interactivity 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_7818 img_8701

Sample Image References Cain, S. (2011, October). img_3482. Retrieved from Cain, S. (2012, February). img_3680, img_7394, & img_7818. Retrieved from Cain, S. (2012, May). img_8701. Retrieved from

Videos No 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 wmv Video 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