Hall 1

Briana HallDr. KurlinkusAuthoring in the New Information Age21 April 2015

Website Design Cover Letter

In designing my website, my goal was to create a very sleek and accessible look in order to mirror the content of my final project, which will be about the effects of personal music devices on exercise. In order to accomplish this certain look, I wanted my final website design to include an image in the background of the home screen that would integrate music players somehow into the text of the website. Thus, I chose to use the large image of personal music devices to cover the background and encourage a bit of scrolling downward. Just as the websites that I picked out for inspiration integrated the information on their websites with the background images that they used, I aligned the text box the explains my project on the home page with one of the screens of the personal music devices. Also, I based most of my simple color scheme, which included white/gray/black gray scale basics with an additional touch of light blue to accent the website, off of this image. After all, most apple products are sleek and white/gray/black.

While the home page uses two blue page breaks at the top, the individually linked pages instead only have one in order to denote the fact that they are less central to the layout of the website as a whole. Still, all of the text on the website is contained in similar, white division boxes with clean, black, rounded borders.

Moreover, the list of pages is displayed in a horizontal navigation bar, which is juxtaposed with most of the text and images on the site (aligned toward the left) as it lays on the right side of the page. In addition to highlighting the page that viewers are currently on, I also chose to highlight the links for the pages when viewers hover them in order to make navigation

Hall 2

even easier. The idea for navigation bar’s placement was taken directly from the website pages of inspiration that I previously found while researching website formats, just as the aforementioned idea of integrated a picture into the background of the homepage was.

Viewers can find video and audio files that are linked on the first page, as well as another image that I included just for kicks (although all of these files are currently unrelated to my final project). I chose to align all of these files on the first page so that they weren’t presented in a boring or linear way, but so that they are rather stacked on top of each other and visually intriguing. I also added another rounded border to this image so that it would better match the rest of the website and its text boxes.

Similarly, the second page maintains the same color scheme. However, it contains a very

intricate and visually appealing easel.ly infographic, which is actually an already-completed part of my final project. Because I wanted this image to be larger, I aligned it on the left side of the page, while the text box that will briefly explain the image is on the right, next to it.

Hall 3

Lastly, the third page contains a scribd document of my works cited page (actually part of my project as well), while also following the visual conventions of the rest of the website.