Website design

Another product/ service I created/designed for my company is creating a new layout for their website. I wanted to incorporate more interactive content that would help boast their views and followers on social media. I created a Winter makeup tutorial video and this wrote the Html, CSS and Javascript so that you can see what it would look like on a potential page. The page I wrote links to the correct pages on their actual website. I researched other website and blogs to get inspiration for my design. I looked at multiple websites from fashion magazines to clothing brands to makeup to Youtube blogs. Here are some of the websites I looked at:

http://www.newlook.com/row/womens
http://www.vogue.co.uk/video/lily-rose-depp-in-the-bag
http://www.vogue.fr
https://www.zoella.co.uk/category/beauty/how-to
http://www.niomismart.com/beauty/
https://www.tanyaburr.co.uk
http://eu.riverisland.com/women/occasionwear-destination-shop?icid=mu/inspiration/w/occasionwear
http://www.urbandecay.com/ud-all-access
http://www.vanityfair.com
http://eu.topshop.com/en/tseu/category/beauty-hub-4365410/home?TS=1430477183595


When I was happy with my design I opened my html pages on Safari and took screen shots of them. Then I Photoshopped the screen shots together so you can see what it looks like. Here is the first page which has the winter makeup tutorial video, nav bar which links to their website and other articles which link to their website.




Under the heading Gallery of products you can see texts and an indent saying 'Click here'. Clicking on that will take you to the gallery product page which looks like this.