Overview
Purpose
Every person should, have the opportunity to explore the great outdoors! I started this company to give all people, young and old, a chance to get outdoors, experience the wonders of nature, and return home feeling a new appreciation for the world around them.
Audience
My target customer includes men and women ages 18-80 who are in the upper-middle class and have significant disposable income. These individuals enjoy taking risks and crave excitement in their lives—they are not satisfied staying at home. They tend to spend time online, usually on a mobile device, searching for adventure and new opportunities to get away from their normal daily routine.
Branding
Website Logo
Style Guide
Color Palette
Palette URL: https://coolors.co/e63946-e6e7e8-a8dadc-457b9d
| Primary | Secondary | Accent 1 | Accent 2 |
|---|---|---|---|
| #A8DADC | #E6E7E8 | #E63946 | #457B9D |
Typography
Heading Font: Bebas Neue
Site visitors are seeking adventure and crave excitment. Bebas Neue is a heading font that is bold, strong, and can match the personalities of those who come to my site. It is still very legible, modern, and clean—it has a tall character height which adds to the feeling of strength.
Paragraph Font: Open Sans
Open Sans is a clean, straight-forward sans serif font that will allow site visitors to quickly absorb content wihtout being confused by the font choice. It also provides a nice contrast to the headline font and is gently on the eyes in paragraph form.
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:
- At the top we have a section with the logo (the box with the mountain means an image) and the navigation bar.
- Then there is a banner image that stretches all the way across the screen.
- Next we have some text and an image
- ...followed by another row made up of an image and some text.
- Then one more section of text with no image.
- Lastly, a footer containing a copyright/name line and 3 social media icons.
