After a bit of more research into ‘good web layout’ I found some inspiration on Pinterest. 

I really like this example, it is very visually pleasing and it uses a very simple layout and colour scheme. I decided to change my layout and style, inspired by this piece. I decided to scrap the idea of a one page website and decided to go for separate pages, I kept all my graphics, icons and infographics. I also decided to keep my fonts that I chose. This was my result:

Design idea 32

I really like the outcome of this design, I also feel it relates well to my A2 poster. I also decided to add hexagons in the background to give the design a bit of colour into it, which works really well.

After a bit of repositioning I got a template for my website layout. I have kept the icons as a ‘navigational’ tool on the left hand side, and made the main body of information just off centre slightly. I made sure I gave clear dominance in the titles and made it easy and straight forward for the user to navigate the page. I sketched my infographics then scanned my drawings into illustrator, and modified them.

For my graphic for speed of light, I did not sketch before I created this, I got my inspiration by looking at simple Speed-O-Metres icons on google, then I created it off of memory.

I placed all these in InDesign, using the a grid template.

Design Idea 2 example of idea

I am not sure if I am 100% satisfied with this design, I am going to do some more research on good website layouts and see if I can move some parts around. However I do really like my choice of infographics.

For my online desktop design, I started to create a design that is suitable for children aged 14 and under. I wanted to use a blue and white colour scheme as it relates to the idea of space and ‘blue’ being one of the most popular colours. My initial idea was to create a website that has different pages that explained ways you can see relativity in real life (based on website: http://www.livescience.com/48922-theory-of-relativity-in-real-life.html) and explaining these with infographics and icons that I will design. I made this design as my first initial thought:

Relativity Online Desktop

I then asked an opinion of a web design student from a different university of his opinion on my design and if it would work well. This was when he suggested that it would possibly work better if I kept it on all one page. I developed this idea further and decided to design another prototype with keeping the same layout but with different info-graphics when selected each sub heading.

I have done some research into the theory of relativity to see if I could get my head around it and hoping it would make this project a little easier if I actually had the knowledge of the actual science. Unfortunately, science is not my strong point. However, I found a website that told us some ways you can see the theory of relativity in real life. – http://www.livescience.com/48922-theory-of-relativity-in-real-life.html. This gave me a great idea for my online desktop prototype and I got to work at creating some icons and graphics. I wanted to stick to  simple black and white colour scheme for the icons however for my infographics I want to use bright and bold colours to make them stand out and look interesting to my audience.