Overview
Purpose
[The purpose of this website is to build revenue and generate excitement. As a page for individuals, teams and groups to book their white water rafting trips it is important that the site is engaging, user friendly and inviting. Users will visit this website and want to share it with their friends and feel entrusted by how nice the website looks. The appeal of the website is focused on bring in more attraction tharefore more money.]
Audience
[Families, Work and School Groups And Young Tourists. The main point of interest will be school and work groups as they are looking to pay for a solid trustworthy and fun experience. There will need to include team building options as well as flexibility on both the consumer and the business. The site is also geared towards Families and tourists who are less outdoorsey will also be the target audience as they look for a new adventure and have little experience, willing to pay for a trusted guide.]
Branding
Website Logo

Style Guide
Color Palette
Palette URL: https:https://coolors.co/7195c7-3a3f83-ca191b-ffffff-ca191b
Primary | Secondary | Accent 1 | Accent 2 |
---|---|---|---|
[#396E94] | [#E7C24F] | [#A43312] |
Typography
Heading Font: [Permanent Marker]
[Matches the style of the logo]
Paragraph Font: [Montserrat]
[The wide text looks nice with the Syne]
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.
