Piano History Site Plan

Owen Fairbanks

WDD 130


Overview

Purpose

This website was created for helping curious people learn more about the Piano! We'll be going indepth about how a piano functions as well as how they have changed throughout the many years!

Audience

For all piansts young to old and any curious interested folks traveling along!


Branding

Website Logo

Piano History Logo

Style Guide

Color Palette

Palette URL: https://coolors.co/000000-4b7f52-7dd181-96e8bc-b6f9c9-c9ffe2-ffffff
PrimarySecondaryAccent 1Accent 2
[#96E8BC][#4B7F52][Black][White]

Typography

Heading Font: Libre Baskerville

Paragraph Font: Martian Mono

Normal paragraph example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Colored paragraph example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Navigation


Site Map

Home
History
Pianos
 
 
 

Content

Home page

The home page will start with displaying the current pianos used today. Then, it will feature a small, brief story of the pianos as well as their mechanisms within each instrument. Will start with the major compenents like pedals and strings that everyone should know to get their attention and then link the history site for further detail in the design mechanisms as well as the change of styles. Will (if we could) include links to official sites that sell pianos for the reader to purchase if they so desire.

Images for the Home page

image for homepage image for homepage

History

The second page, "History", will be about the history and development of the piano. This will feature diagrams from the harpsichord all the way to today's pianos, as well as reference images for the reader to visually see the pianos of their time. This page should hopefully answer any questions that relate to the piano's structure as well as their importance in the evolutionary line.

Images for History page

image for page image for page

Pianos

The last page will feature a description and image of every piano, as well as others that were not in the evolutionary line but are still considered part of the piano family. This will also include an audio file/clip beneath the image for readers to listen to what the piano's timbre sounded like in its time.

Images for Pianos page

image for page3 image for page3

Wireframes

Create three wireframes for your site. One for each page and list them here

Home

The other paragraphs will be about pianos and how fasinating they are, the second one will tell the reader about the two links right below

Home Page Wireframe

History

The page will talk about the main pianos and where it started, with the mechanism explained at the bottom.

Page History Wireframe

Pianos

The page will expand depending on how many pianos there are that need to be documented.

Page Pianos Wireframe