Assignment 3

Assignment3

In this  assignment, I will be creating a website based on a TV show I am currently watching. My website is about the TV show called The Office (US). In the website I will give information about the TV show and and provide information about the main 3 characters in the show: Michael Scott, Jim Halpert, Dwight Shrute. My website will also include an e-commerce element, where people are able to buy merchandise dedicated to the TV show. The website is designed for everybody, that includes people have just started watching the TV, people who would like to watch it. The website is suitable for all ages as it uses simple words and large pictures.

Colour Sheme

This is the colour scheme I have chosen to use throughout the website.

•  yellow- for header text, makes it stand out against black background
• Green- I used for navigation bar
• Black- I have used black font colour throughout the website, as it goes well with background
• white- White I used for the container,
• Blue- I have used blue for the background of the website, as black text is clearly legible against it.

Fonts

The font I used is Pangolin from google fonts which I embedded.

Logo        

This is my website logo I have created using  Adobe Illustrator. The logo is based on the company that the characters work at. The logo is black and white, like paper as the company is a paper company.

Interactivity

Throughout the website  have i have implemented various forms of interactivity to keep the user engaged while browsing the website. I have included working links, in the navigation bar. I have also used radio buttons and combo box on the checkout page to make data entry efficient.

Images I intend  on using on my website

Wire frames and sitemap

this is my design for my page on Dwight Shrute. The top part of the page is a picture of the character, with a description of the character.

This will be my first page of my website, which will contain information about the show and a picture of the cast

This is my 3rd page, which will contain an image and a small description.

This is my merchandise page, which contains an image, a description and a button that will take you the checkout page.

This will be my second page, which follows the same layout as the other webpages

This is my checkout page, which contains a forum for placing an order. It will contain labels,text boxes,radio buttons and a combo box.

This is my sitemap, which shows which pages are accessible from the homepage.