Making the Home page

I wanted to try to emulate this design for the front page in terms of the image slider.
untitled
http://www.dazeddigital.com/

Originally I wanted to have an animation with the following images.
beauty
http://www.essie.com/essie-looks/nail-art.aspx

cinque
http://www.kevinandamanda.com/whatsnew/travel/cinque-terre-part-2.html/attachment/cinque-terre-30

http://www.kevinandamanda.com/whatsnew/travel/cinque-terre-part-2.html/attachment/cinque-terre-41

http://www.kevinandamanda.com/whatsnew/travel/cinque-terre-part-2.html/attachment/cinque-terre-27

http://www.kevinandamanda.com/whatsnew/travel/cinque-terre-part-2.html/attachment/cinque-terre-43

fashion
http://www.guardian.co.uk/fashion/gallery/2013/may/07/met-ball-fashion-2013-in-pictures#/?picture=408397878&index=14

http://www.guardian.co.uk/fashion/gallery/2013/may/07/met-ball-fashion-2013-in-pictures#/?picture=408397880&index=15

http://www.guardian.co.uk/fashion/gallery/2013/may/07/met-ball-fashion-2013-in-pictures#/?picture=408397884&index=18

http://www.guardian.co.uk/fashion/gallery/2013/may/07/met-ball-fashion-2013-in-pictures#/?picture=408397888&index=21

music
http://blog.wildpair.co.nz/wp-content/uploads/2013/04/72.jpg

http://music.uk.msn.com/features/coachella-2013-the-best-pictures-from-this-years-festival?page=8#image=23

http://peaceloveshea.com/wp-content/uploads/2013/04/ax112.jpg

http://farm8.staticflickr.com/7071/7075260791_52859b8dc0_h.jpg

travel
http://www.fourseasons.com/borabora/accommodations/?c=t&_s_icmp=mmenu

http://www.fourseasons.com/borabora/accommodations/?c=t&_s_icmp=mmenu

http://www.invogue.am/cc/uploads/2012/04/HL_113_378_12072011_132432.jpg

http://bayzest.com/wp-content/uploads/2013/01/image.jpeg

I did not realise that by the time I had added all the tween frames that the file would be so big that my computer did not have enough RAM to save it.
untitled error

So I took a lot of the frames out. I also borrowed my friends lap top as it seemed to work better on that.

Here are the pictures I used on the bottom part of the front page.
10N03EBLE_large2
http://tinyurl.com/pde7lpn

10N45DGRN_large
http://tinyurl.com/q4pljej

82
http://www.yoangalabov.com/notional

13660257505571285411811073981
http://www.dreamtv.com.tr/uploads/13660257505571285411811073981.jpg

hong-kong-skyline401124159382337821
http://imgboat.com/imgs/2012/09/05/hong-kongan-intoxicating-blend-of-east-and-west-kong-34.png

sti019_stilacosmetics_countlesscolourpigments_encore_800x960
http://www.cultbeauty.co.uk/stila-countless-colour-pigments.html

THE GREAT GATSBY
http://96.125.175.14/~binloe/binlor.info/wp-content/uploads/2012/12/the-great-gatsby-leonardo-dicaprio-carey-mulligan1.jpg

Here I started making the design using a grid. The red boxes are there as a template to follow.
Develop

Here is the final design for the front page.
24 05 13

I opened it in Dreamweaver and began to link up the different pages.
step1

Here I am linking this button to the Photography page.
step2

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s