Portfolio
Below is a portfolio of relevant work with the most recent first. Oh God this is so out of date it's ridiculous.
LiveEdit Panel :: March 2007
The process of creating a free trial on the iknow-uk backend involved filling out multiple forms on multiple pages. You then couldn't see the changes that you had made in effect because the sites are static and rebuild themselves every three hours or so. So I started work on a "preview" feature which would allow people to see the changes that they had made because it's easier to check for spelling / grammar errors in the finished product than it is in textarea boxes.
Then, after fooling around with the prototype.js javascript framework I realised how easy it would be to convert a paragraph of text into an editable textarea, for instance. Over a couple of weeks of development the preview panel turned into the LiveEdit panel where a user can change every aspect of the listing (including upload photos).
Obviously because the panel was designed as a backend management system there is no access to this panel unless you are an iknow customer or staff member. So you'll just have to imagine the greatness of it from the screenshot.
Visit this site
Barnes Design :: October 2006
To tie in with the new advertising and booklet design, I was asked to redesign the existing site to more fit with the colours / layout.
The gallery system borrows from my previously created "SporkGallery", using text files to hold the display name and a short description for each client. The gallery of pictures also uses a system that identifies pictures of shops before and after, and can be used to dynamically identify differing types of display stand.
Visit this site
Emma :: May 2006
I first created this site in March for her birthday and wanting to get it out in time meant using an existing stylesheet. Over a few lunchbreaks I have resdesigned the site to be more in tune with her colour preferences.
Behind the scenes, Emma's blog and photogallery employs the same system that I use on my own personal site, just incredibly simplified. No options, no variables, just "fill in a box and press a button."
Mittens the Kitten :: April 2006
I was asked for my opinion regarding the actual content of the cartoons, but the website was in such a mess I had to sort it out. So over the course of a couple of hours J. Kenneth benefitted from a complete standards-compliant XHTML1 / CSS2 redesign that now works properly across most browsers.
(Official Mittens the Kitten site down as of 15/5/06, so I'm hosting the demo copy)
Visit this site
StuffedLlama.com :: April 2006
Embarrasingly, up until quite recently my own personal website did not pass the W3Cs validators. When I was upgrading the scripts that run the photogallery I spent some time redesigning the site to be properly compliant.
The premise behind this site lies soley with the photogallery. The system of uploading, managing and displaying photogalleries was written totally by hand from scratch and is in a constant state of flux.
Visit this site
Katamari Owner's Club :: March 2006
1 of 3 sites designed for the Advanced Web Design module in my final year of University. It was designed to fit with the feel of the videogame "Katamari Damacy" with the colours taken directly from advertising material.
View this site
Whiteboard :: March 2006
2nd of 3 sites designed for the Advanced Web Design module. Designed to be easy for people to read and interact with. Audience consisted of people of mixed abilities ranging in age from 18-80.
View this site
Urban::Decay :: March 2006
Final site created for Advanced Web Design Module. Target audience was between the region of 18-30, with a demographic consisting of "edgy," "trendy" people.
View this site
Barnes Design Ltd :: June 2004
Website created for Barnes Design Ltd to showcase portfolio of shops fitted. Had to tie closely with rest of advertisements and brochures as well as retaining company colours. Also had to look more professional than the previous one.
Visit this site