For my Simple design, I decided not to use any pictures. This was all created using text and photoshop shapes.
I wanted to create a clean corporate design. This is the Home Page.
I started with Logo creation and came up with this:
I thought it reminded me of maps in the Paris metro so I took a look at some.
I found a photograph of the Balard Station in Paris and this gave me the inspiration to create the interface.
I thought about animation to zoom out and in on the area of the map navigated to. Here is the Services page.
I would probably have found this easier to create in illustrator, especially the track map, but I found the guide lines in Photoshop useful to line everything up.
I do like the clean lines and I don’t think it looks too corporate for the subject of the website, but I prefer the designs with images for this particular website as it is a photography studio.
Different themes work well for different websites; this design would look good in another context. Eg a business offering corporate service. Something to do with transport or logistics, perhaps a shop selling sleek, stylish products.
This is a simple corporate logo I made for practice:
This was easy to make and looks very business-like and simple.
Balard station map: http://parisbytrain.com/files/2008/07/sign_metro_line_8_balard.jpg
I decided to use Lace and Fabric Textures in creating this grungy, textured interface:
Home page, using images found on the internet. The original site is made in Flash, so I was unable to use any assets. I have chosen suitable images from around the web.
Gallery page, showing a film strip of images which enlarge on clicking to showcase the work of the studio.
My decision to forgo a header was born out of a desire to showcase the photography with as few distractions as possible.
Camera girl: http://static.guim.co.uk/Guardian/technology/gallery/2008/sep/03/1/72977636-373.jpg
Vintage Head: http://cdnimg.visualizeus.com/thumbs/76/3d/face,hair,fashion,portrait,sarah,ingle,vintage-763d37e4847106afc0cf6b1c5f946aaf_h.jpg
Film Reel: http://www.idcwebs.com/images/dance-recital/film_frame_06.jpg
Model with steering wheel: http://www.webdesignburn.com/wp-content/uploads/2011/11/Vanessa-for-pin-up-hair-salon.jpg
Model with tattoos: http://us.123rf.com/400wm/400/400/trinaestipo/trinaestipo1109/trinaestipo110900006/10554288-photo-of-beautifull-pin-up-girl-with-tattoos-and-tattoo-machine-tattoing-herself-and-looking-at-the-.jpg
For my Vector-based redesign, I did two different options – one traditional and the other more modern.
First the Traditional one:
The Home page, showcasing a prominent photograph (I found this photo on the web as the original site is written in Flash, preventing me from using their assets in my redesign. Of course, a photograph from the studio would be in place here.)
The Logo, Header and Navigation are all in one across the top.
Contact page, using the same interface, but substituting a map and contact form for the photograph.
In both cases, a very pale version of the logo image is just visible in the background, to give a little texture to the pages.
… and for the Modern interface:
The Home page is simple and sleek, with lots of white space around the assets.
I chose to place the navigation vertically on the right, which may present problems in Dreamweaver, but I wanted elipses to reflect the camera lens in the logo and I’m an artist, so there you go…
For the Contact page, I again used a map and contact form, keeping with the sleek, white look.
Old Camera: http://www.geozero.com/assets/images/old_camera.gif
Modern Camera: http://upload.wikimedia.org/wikipedia/commons/a/ac/Large_format_camera_lens.jpg
Head shot: http://www.headshot-photography.com/photos/caseyg_1.jpg