Dozens of successful web sites and years of experience building in HTML and CSS.

npower

Status: Live
My Work: HTML & CSS coding
Brief Description:
Although the npower team is large I was chosen to code up the HTML and CSS for all of the various sections of the web site.

The four main "level one" navigation menus had to be designed so that the fourth button could be added or taken off at anytime by changing one class.

Locomotion Marketing

Status: Pre-Live (awaiting final approval & content)
My Work: Concept, Design & build
Brief Description:
As a leaflet distribution company it needed to be instantly obvious what it was this web site did to maintain high usability. It quickly came to me that this design would meet those needs perfectly.

It is quite graphic heavy and yet maintains a fast load time thanks to optimisation of the images. (Going live soon)

Devon Locks

Status: Live
My Work: HTML, CSS and Usability
Brief Description:
My most successful site to date in terms of usability. Bounce rates are in single figures and it instantly achieved a 24% increase in sales on launch.

Eye-tracking, usability testing and heatmapping all played a part in creating a very successful design.

Estates Gazette Interactive

Status: Pre-Live
My Work: HTML & CSS coding
Brief Description:
This web site has a multi-million pound turnover and I was tasked to create all the HTML and CSS for the pages.

This works in all browsers right down to the iPhone. It is W3C valid and will be fully integrated into the CMS on the live version. (Going live soon)

Ladbrokes

Status: Showcase on my server
My Work: Cross-browser fixing (Mainly IE6)
Brief Description:
I was approached by a design agency to help fix a number of IE related bugs in the HTML and CSS.

I had to fix a number of positional problems in the HTML but it was mainly a lot of work in the CSS to get the page working across the browsers. I also implemented a fix for IE6 so the transparent PNG's would render correctly.

Wizz Kidz

Status: Live
My Work: HTML / CSS / Cross Browser
Brief Description:
The corporate colours are very vivid (bright Red, Purple, Yellow and Green) so I wanted to match the colours because of their vividity. I created a bright purple gradient background to make the pages really stand out.

I wanted the images to have a 3D feel by being inside AND outside the content boxes which meant I had to use png for its transparency.

Ecotricity

Status: Live
My Work: HTML and CSS for CMS integration
Brief Description:
I have recently completed revamping their whole web site (1,600 pages). The code is more accessible, the pages are more usable and it uses pure CSS for presentation which is easier to update via the integration into their CMS system.

This is a "blue sky" company with lots of forward thinking and challenges which I really enjoyed.

Chris Clarke Photography

Status: Live
My Work: HTML, CSS and Usability
Brief Description:
A lot of thought and usability testing went into this design. My knowledge of eye-tracking played a large part in not only the build but also the way the site interacts with the client by way of a mouse over colour on an otherwise black and white photo.

I have made extensive use of CSS3 on all pages to make the site more future proof.

Casino.Ca

Status: Pre-Live
My Work: PSD to HTML/CSS
Brief Description:
The reason I love freelance work is it pushes me to the limit. This site was incredibly complicated to build because of the amount of layers it needed as well as the amount of transparent images it used. I had to use a lot of positions, z-indexing and negative margins to align the layers.

Note: IE6 compatibility was not required for this site.

Easy Loans

Status: Pre-live
My Work: PSD to HTML/CSS
Brief Description:

This was a simple and quick build taking just 2 evenings to code up the 3 pages.

What I liked about this site was the continuity across the pages. A lot of sites (like the one above) change everything on every page which greatly slows down how fast the site can be coded up.