Heh, spent the weekend redesigning the photography section and it started out with a random design on my part. I had the basic design elements on it but felt it wasn’t quite right until Vyanne suggested I change the colour scheme a bit. From a drab gray to an earthy clay colour, the same design suddenly seemed to come to life.
For me, the hardest bit with redesigning is settling with a design I like. Once the idea is set, it’s just a matter of converting the visualised image into programmed code. When I first started designing this website 2 years ago, I struggled with the concepts of marrying CSS with HTML. After coming back to the same issues a few times, you get the experience and an intuition on how to work around issues, even if you don’t know the exact code itself (this is where Google comes in and makes up for the lack of knowledge).
For the redesign, I upgraded the WordPress system for the photography section from the ‘ancient’ version 1.5 to the latest 2.0.5. This time around I spent a little more time tweaking the interface, cleaning up a bit to make it less cluttered. I have a slightly better understanding of how WordPress works and starte from an empty slate, putting in only the code I needed instead of having all the if/else statements in the templates that ship with it. This is also the first web design with Web 2.0 elements in it. I have been playing around with AJAX (only yesterday I found out it meant for Asynchronous Javascript and XML) that adds a layer between your browser and the server so content seems a little more dynamic and intuitive to work with (which is the intended objective of this web technology). Heh, I didn’t write much of any code but am pretty good at modifying it to fit my needs.
So what’s new other than the design? A new info/comments part that hides itself away neatly at the bottom of each photo. The info bit now contains the camera settings I was using at the time to reflect how the shot was taken. Even with the wizardry of sprucing up images with Photoshop, you can still learn a lot of how an image was created with the EXIF data. With the extra data entry, posting pictures is slower than before (also getting used to WordPress 2.0′s interface) but am working on that. The best looking bit of the redesign so far is the archives section. It was hacked from a WordPress plugin written by someone else and I modified it to show only the excerpts (which contains the thumbnail data) for each post and the collapsing structure of the monthly links makes the archives page a little easier to navigate.
Like always, most productive prior to an exam. Sadly I need to start studying soon (today!) and will add extra tweaks down the road. This design includes learning experiences from the last one and feels slightly less clunky, so hopefully it will last a year before I start uncovering more useability issues. Heh.
makumaro.net is the rented space of HC Mak, built on