[Dry Oar] Site Plan

Overview

Purpose

Have you ever wonder what is whitewater rafting? Have you ever wonder why this sport is very fun and exciting? Well, you are in the right place. The purpose of this site it to help people learn about this amazing outdoor sport and to learn the best tips and team etics to learn and enjoy this activity in a safety way. Because whitewater rafting is a dangerous sport, our prioriy is to teach the safety measures, so that you and all of you friends can enjoy this outdoor activity and be safe at the same time.

Audience

Everyone older than 14 years old can enjoy this outdoor activity, the target will be young adventurous people who like adrenaline sports, these people are adventureus and always are looking for new things to explore and feel. The audience will want to know more about it but especially learn the safety measures so they can keep themselves out of danger and in case something happens, know what to do at that moment, which can be a life or death situation.

Branding

Website Logo

Style Guide

Color Palette

Palette URL: https://coolors.co/3d5a80-98c1d9-e0fbfc-ee6c4d-293241

Typography

Heading Font: Rubik

The reason why I chose this font is because it looks professional for a website and is very easy to read

Paragraph Font: Rubik

This font is the same as the heading font, this font looks professional and also is very easy for the viewer to read it.

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

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.

FQA Wireframe

1. At the top we have a section with the logo on the left side, and the menu/navigation bar
2. Then there is a banner for the Header section with the title of the page which is FQA
3. Then we have an image of a river
4. Then we have button with a question, when this button is press
5. A new section is shown with information (the answer), then we have a couple more of these
6. At the botton left, we have the footer, that contains the copyright/name line and 3 social media icons

Rivers Wireframe

1. At the top we have a section with the logo on the left side, and the menu/navigation bar
2. Then there is a banner for the Header section with the title of the page which is Rivers
3. Then we have a headline section for the river
4. then we have a 1 section divided in 3, left is a image, right top is the description and right bottom will be a bottom to reserve
5. we have another 2 sections like this
6. At the botton left, we have the footer, that contains the copyright/name line and 3 social media icons