Far from pretending to be an expert in web design, after having spent more then 6 months designing this website I thought I would share the experience that I gained in the process.

I have made three attempts at getting a website to expose my photographic work online.
The very first one was quite a few years ago when I had only just started in photography and was still shooting print films! I tried to design it from scratch myself but I didn't get very far with it as other things became higher in my priority list (like improving my photographic skills and building up a library of good pictures!). But at least I did come up with a general idea about a design I liked.
My second attempt was a lot more successful but I was never fully satisfied with it. As I couldn't find time to design my own site but was quite exited about getting my photos neatly displayed on the net, I opted for web service from Clickpic. They provide a set of various web page design for photographers and for a relatively small fee per year, the photographers simply need to upload their pictures, organise them in specific galleries and add a bit of text and all the rest is done for you. This worked well and allowed me to start showing my pictures on the net without too much effort. However, I could only have one version in English, was very limited with the design styles, found that the pictures were two small, and most of all, felt that my site lacked individualism (as many others could use the exact same design).

So following more and more positive feedback about my pictures and as I started to build up a reasonable set of good pictures I finally decided to spend the time to come up with my own brewed site.



To come up with this design, I have looked at many other photographer's website first. Then I tried to use the good things about them for inspiration and took good note of the things I didn't like to ensure I wouldn't make the same mistakes. A few things that I thought important were:
  • Easy and intuitive browsing, especially on the gallery pages. I have seen so many photographer's website where going from one image to the next involves so many mouse clicks that the viewers must get tired very quickly.
  • Include a good level of information about each picture, both descriptive and technical. "A picture is worth a thousand words" is what we normally here. Although this can be true in some cases, I however, find important to provide some background details about the pictures which give more information about what it is about, where and when it was taken, say what the picture doesn't (indeed sometimes the beauty of a picture can hide a whole different story!), etc. Then it is up to the viewer to read them depending on there interest. As for the technical side, this is one of the way I have learned and taught myself photography, i.e. by looking at how other people do things and with what. So for those learning photography I provide for each picture some basic information about the equipment I used, exposure setting, filters, etc.
  • I also wanted to use my website not only to show a selection of my best pictures but as well a source of photographic information. So I included the technical section where so far I provide some equipment review, a few thoughts about equipment in general and this very article on photographic website design. I hope to add more in the future on light, composition, etc.
  • And then the whole thing had to be quick to upload without compromising the quality of the pictures (so no fancy animation or things like that) and it would have to be reasonably easy to maintain
These were the starting point of what I wanted in my website. Then as I knew very little in terms of web design before starting building the website I learned as I went along.



One of the first thing I did was search the net for help and one of the useful thing I did find was this good ebook: "A Photographer's Guide to Web Site Design". It helped me get a reasonable idea of what I could do and how I should do it.
This ebook does present various design tools alternatives. I didn't really want to spend money on expensive web design tools (like FrontPage or the like) as I knew that it wasn't necessary and that it wouldn’t help me that much. So I started looking at alternatives.
My final tools of choice have ended up being:
  • Eclipse: as the software development environment.
  • Photoshop: for all the graphic work
  • SmartFTP: for deploying the website to the server
  • W3 Schools: used as the main web design learning source
Eclipse:
This is a free software development environment, used with the Web Tools Platform which provides a web application development environment. I mainly used this for the good html editor and the nice front end which I find useful to organise the project files. This development tool also provides deployment mechanisms but I haven't managed to get it working (the help is not of the most explicit) and I have ended up using SmartFTP instead to transfer all my files directly onto my server.

Photoshop:
The photo editing software I use for all my graphic work.

FileZila:
This is a complete, but very simple and easy to use free FTP program. I use it to uplaod my website on to my server.

W3 Schools:
This is by far the best source on the internet for learning the basics of all the various web design languages and techniques. It proposes tutorials for each. They are very simple and quick to follow and provide plenty of useful examples. This is what I have used to learn html, xhtml, css, javascripts, and xml.