My web design portfolio page

This is a small selection showing my work in each of the services I offer

Leadstone Camping

Status: Live
My Work: Design, Usability, HTML5 & CSS3 coding
Brief Description: This site uses HTML5 and CSS2/3. The main aim was to create a modern site with modern code to make it more cross-device compatible.

The degrades gracefully for older browsers and offers a rich experience for new browsers and tablets.

Dawn Butler Counselling

Status: Live (latest)
My Work: Design, Usability, HTML5 & CSS3 coding
Brief Description: This is my latest mid-range site to go live. It uses pure HTML5 and CSS2/3. This site also scales down to mobile phone screen sizes using pure CSS to achieve it.

The degrades gracefully for older browsers and offers a rich experience for new browsers and tablets.

Torbay Fishing

Status: Live
My Work: HTML, CSS, Mobile and JS
Brief Description: I have just completed revamping this web site. The code is more accessible, the pages are more usable and it uses pure HTML5 and CSS(3) for the presentation while degrading gracefully for older browsers.

This website has a lot of hits and I wanted it done for the summer.

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: Live
My Work: Concept, Design & build
Brief Description: As a leaflet distribution company it needed to be instantly obvious what the web site was so it maintained 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.

Devon Locks

Status: Live
My Work: Design, 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.

EGi

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
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: Design, HTML, CSS and Usability
Brief Description: The corporate colours are very vivid (bright Red, Purple, Yellow and red) 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.

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.

Neno Ltd

Neno Ltd

Status: Live
My Work: Design, HTML5 & CSS3, jQuery
Brief Description: This site was my first budget website to use cutting edge coding including HTML5 and CSS2/3. Search Engine Optimisation was important.

The degrades gracefully for older browsers and offers a rich experience for new browsers and tablets.

Web App

Status: Live
My Work: HTML, CSS, Mobile and JS
Brief Description: A number of fisherman were already out fishing or on boats so I wanted a fast loading, specific web app just for them.

This is one well used app and has received strong feedback about how useful it is.

@media query

Status: Live
My Work: HTML, CSS, Mobile and JS
Brief Description: Unlike the dedicated app on the left this one just uses CSS to create cleaner and clearer pages for mobile users.

There was no scripting involved for this and it was quick and easy to implement.