The Rafted Waters Site Plan

Ryan Cross

WDD 130.02

Overview


Purpose

Our purpose is to deliver you the best water rafting adventer possible through: Planning with youthful enthusiasm, Cultivating an interest in the unexplored while Developing respect for the laws of nature that allow us our amazing rafting experiences!


Audience

This website has been developed for all who are interested in getting their first real water-rafting adventure, as well as those who are already experienced in the art ot the outdoors!

Branding

Website Logo

Logo image

Style Guide

Color Palette

Palette URL: https://coolors.co/93afc4-f4e3af-c1cfab-d5a293-3b3337

PrimarySecondaryAccent 1Accent 2
#93AFC4#C1CFAB#D5A293#3B3337

Typography

Heading Font: Trebuchet

Follows our company guidelines of being clear and easy to understand!

Paragraph Font: [Font Name here]

[Reasoning]

Normal paragraph example

The best Whitewater Rafting in Colorado, White Water Rafting Company offers rafting on the Colorado and Roaring Fork Rivers in Glenwood Springs. Since 1974, we have been family owned and operated, rafting the Shoshone section of Glenwood Canyon and beyond.

Colored paragraph example

Trips vary from mild and great for families, to trips exclusively for physically fit and experienced rafters. No matter what type of river adventures you are seeking, White Water Rafting Company can make it happen for you.

Navigation


Site Map

Home
Site-Map Second Page
Site-Map 3rd Page
 
 
 

The Site Map of a site is just like it sounds…it is a map of the pages in a site and how they are related and linked together. From the map above we can see that we will eventually have the Home page and 2 sub or child pages.

The lines that connect them all together indicate that each page should be accessible from any other page, it is essentially showing us the global navigation for the site.


Wireframes

Wireframes are like blueprints for making webpages. They should show the major sections of content that will be on the page and the relative locations of each element. In the wireframe below you can see there will be 6 sections to our page:

  1. At the top we have a section with the logo (the box with the mountain means an image) and the navigation bar.
  2. Then there is a banner image that stretches all the way across the screen.
  3. Next we have some text and an image
  4. ...followed by another row made up of an image and some text.
  5. Then one more section of text with no image.
  6. Lastly, a footer containing a copyright/name line and 3 social media icons.
home page wireframe