Presentation is loading. Please wait.

Presentation is loading. Please wait.

Official Driver Website Website Presentation Megan Barker.

Similar presentations


Presentation on theme: "Official Driver Website Website Presentation Megan Barker."— Presentation transcript:

1

2 Official Driver Website Website Presentation Megan Barker

3 WEBSITE OVERVIEW

4 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.

5 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

6 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

7 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

8 SITE MAP ProfilesNewsEventsGraphicsContact DriverRace ReportsAppearancesPhotosContact Us TeamWoO StatisticsRace ScheduleVideosFacebook SponsorsWoO PointsTwitter WoO SeriesNewsletter

9 Website Diagram

10 TYPOGRAPHY

11 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

12 NAVIGATION

13 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.

14 Base Navigation Example

15 Sub-category Example

16 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.

17 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

18 BREADCRUMB EXAMPLE CONTINUED The continuation of examples. Home>News>Events Home>News>WoO Stats Home>Reach Us Home>WoO Info Hover example: Home>Profile

19 In-context Navigation Example

20 GRAPHICS & MULTIMEDIA

21 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

22 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

23 Sample Images img_3482 img_3680 img_7394 img_7818 img_8701

24 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/

25 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

26 Video Player Layout Example 360p

27 WEBSITE PAGES (some with sampled photos)

28 Home Page

29 Profile

30 Team

31 Sponsors

32 Gallery

33 Photos

34 Videos

35 News/Race Reports

36 Events

37 WoO Stats

38 Reach Us

39 WoO Info


Download ppt "Official Driver Website Website Presentation Megan Barker."

Similar presentations


Ads by Google