Step 5: Wireframes

Now that I have decided on how I am to approach creating this product, and how the product will function I can now go onto the wire framing of the product, and the design.

Main page wire frame

Previously I had come up with a colour scheme for this website, and design ideas, so now it is just the simply task of assembling these ideas into a wire frame. My idea for the colour scheme was always to use purple and grey as the main colours on the website, as well as green. But on further reflection I have decided to just stick with purple and shades of grey making up the body of the website, and with green being in the logo of the page/company.

Here you can see the wire frame that I have come up with for my pages of my website that I am to create. The wire frame is very simple, and continues with the simple design ideas that I have for the website. By clicking on the image you can see that I will be using an navigation bar at the bottom of the page, which will be the main form of navigation around my website. Above that in the center of the page is the main body, which will contain text and images. The logo will also be ever present in the top left corner of the page. Also the colours that I have used on this wire frame will be the colours that the website will be.