Rollings Photography Design Process

Background – I used a black to light gray to black gradient background in a fixed position.

Banner – I placed the Rollings Photography logo on the left side and the contact information on the right side.

Navigation – I used button created in Fireworks. They are white, rounded buttons with a black outside bevel. I added a black inner bevel for a rollover effect.

Content – I used a white content box with a black border all the way around. I increased the top and bottom margin to give it a framed effect. Font colors are black for high contrast with the white background. I applied css styles to the text to for size, typeface, spacing, etc. There are five main pages and five sub-pages for sample photo galleries.

Footer – The footer section is black to separate the content from the footer. The footer has the copyright information.

Advertisement