This is the basic structure for a simple, four page website with no style or decorative images. The markup should be as simple as possible and only reflect the logical order of the content and not how I wish it to be displayed.

Here is the same site with three different stylesheets. Although they are just basic layouts they show some of the visual effects that can be applied using CSS without having to alter the HTML or distort its meaning.

Here I've used Google Web Fonts to experiment with typography. I've also set font-sizes in ems as well as line-height and word-spacing to improve readability.

This is a project site for a fictional business. I used content from Caffè Nero and found images as a base for my design.

My promotional site for Guy Maddin's highly regarded alternative documentary.

Grids in Editorial Web Design. An essay anylising the use of grids in four editorial websites.

A quick redisign of the 2008 Seed Conference website, focusing on typography and layout.

A project focusing on typography and colour without images, for which I chose an excerpt from Exquisite Pain by Sophie Calle.

Ongoing development of the responsive design for Guitarspec.com, colour schemes will be interchangeable and based on classic guitar finishes.

PDF of my presentation about On Site SEO for SEO and Web Marketing

coming soon