Web Design

Digirank Site

Digirank are a Search Engine Optimisation provider based in Bristol. I designed both the logo and website and built the website with HTML, CSS, Javascript and integrated with Wordpress.

Visit Digirank

Driving Risk Management Site

Driving Risk Management provides driver safety courses to businesses. The brief was to design a logo and website that emphasised their professionalism yet was appealing and inviting. The site is built using HTML, CSS, Javscript, and Flash on the front-end and is integrated with Wordpress.

Visit Driving Risk Management

BBC Blogs Redesign

This site was built in HTML, CSS, Javascript and integrated with MoveableType. A potential problem was the sheer volume of blogs that needed to be navigable without overloading the pages. This was overcome using a progressively enhanced javscript directory navigation panel.

Scaleform Refresh

Scaleform required a new website to replace their existing table-based, Flash-dependent one. This site was built from designs supplied by them in HTML, CSS, and Javascript. A particular challenge was to recreate a flash-style image slideshow using Javscript so that the site was no longer dependent on users having Flash installed

Visit Scaleform

Palace Chambers Web Site

This is a simple HTML/CSS website with a front page and a 'find us' page that uses the Google Maps API. Visit Palace Chambers

Rosie & Wellington

Rosie & Wellington wanted a simple and usable online shop-front. In order to reach a compromise between usability and the scalability required for their expanding and diversifying product range I needed to go back to the drawing board.

Visit the Rosie & Wellington Bedlinen Online Shop

I developed a new navigation and refinement scheme which simplifies the product search whilst allowing for an constantly evolving product categories and their associated characteristics. For example, bedlinen needs to be identifiable by material, colour, size, etc. whilst duvets need to be identifiable by TOG, size, filling, etc. The system copes with this need for flexibility whilst presenting the shopper with an intuitive tool for finding the products that they are looking for.

Apprentice Facebook App

With this app you can create your own business board and join your friends' boards to discuss and vote on each episode and predict who you think will be fired next time. To create a board you need to get hiring by going to the 'hire' screen, choosing a friend and job title (from a list or by creating your own) and shooting off an invitation. There is no limit to the number of people you can add to your board or the number of boards you can sit on. If you're the chairman of the board you can also hire and fire anyone on a whim.

I built the front end in CSS and HTML whilst the backend was built by Toby Beresford See it here

RHS - MyGarden

The RHS developed a social networking sites for gardeners which allowed them to blog, share photos and discuss topics in forums. I created the design from scratch in Illustrator and implemented in HTML and CSS.

Visit Royal Horticultural Society - MyGarden.

VideoJug Brain-o-Meter Facebook App

Get a bigger brain with the utterly fantastical ?VideoJug Brain-o-Meter?. Search and watch videos, learn lots of stuff you didn't know, teach your friends weird and wonderful things and grow the size of your brain from Pea-Sized to Master of the Universe.

I built the front end in CSS and HTML whilst the backend was built by Toby Beresford

See it here

Sothebys Systems Integration

Sothebys Institute of Art had a number of websites and databases holding student, staff, and alumni information. Using MySQL, PHP, HTML, CSS and AJAX I built a centralised registration and authorisation system that integrated the websites and merged the databases.

The merging of the information required migrating, cleansing, and deduplicating old and new data across databases and platforms.

The registration system records user information and restricts access to parts of the various component sites that they are not allowed to access. An AJAX selection system was used for the courses input to allow users to quickly find the courses that they have attended whilst minimising duplication and possibility other user errors.

I merged the Google Maps API and Map24 API to build a 'Quick Address' style address completion system where users input their postcode and the rest of the address is completed automatically. Again, this minimises user error and stores the addresses in a uniform way in case they need to be used in future.

This project was done through Area17

Comic Relief Xmas Facebook App

The Comic Relief Xmas Cracker was a project aimed at raising money for charity using the viral appeal of Flash video and the ready-made audience that Facebook offers. I created the Flash Video player and styled the interfaces using CSS and Facebook Markup Language (FBML)

For fourteen days over Xmas 2007 users received a daily BBC comedy clip (a 'cracker'). In order to watch the videos the user was asked to buy a cracker for at least one Facebook friend. Users could then track the statistics showing them how many of their friends made a donation adding a competitive element and ultimately raised more money for Comic Relief

For more information visit Comic Relief Xmas Cracker

This project was done through Toby Beresford Applications

Sothebys Course Microsites

This system enables Sothebys Institute to create a 'Microsite' for each of their courses. The microsite combines an expandable breakdown of sessions with downloadable course materials, a map, directions, a course questionnaire and a bespoke forum. They are created and populated through a PHP and MySQL back-end.

The course microsite interface was created with HTML, CSS, and AJAX and generated dynamically using PHP and MySQL.

This project was done through Area17

goWander.com CSS

goWander is a social networking site for travellers. I took the mockups from the designers and translated into accessible and search engine friendly XHTML and CSS pages for the developers.

Visit the goWander website here

Complan Search Engine Optimisation

Complan Foods required an over-haul of their 3 sites to optimise performance in search engine results. This required rebuilding the designs in CSS and removing aspects that inhibited the indexing of the sites by Google and other search engines.

Keyword analysis revealed key terms that were used strategically amongst the page content to ensure that the sites appeared in prime position on the search results pages for appropriate searches.

This project was done through Area17

Sotheby's Career System

The Sotheby's Institute Alumni site had plenty of useful information for students, alumni and employers but required a system to enable these user's to find each other. I enhanced their website to handle CV uploads/search (for students and alumni) and job upload/search (for employers). The job involved a complete rebuilding of the site using CSS for accessibility and easier maintenance.

HappeningUK Invoice System

HappeningUK needed a centralised system for tracking and storing invoices. I built this as an extension to the current online admin system. It allows Area Sales Managers to add, edit, email and print invoices and automates tasks that previously required constantly updating multiple spreadsheets.

I have since developed Pivot Tables and Charts in Excel that connect to the database and dynamically update for use in reports for clients. This is another way that the system has greatly improved workflow.

Joel Summerfield's Portfolio Site

A friend of mine was embarking on his first job hunt after graduating from University with a BSc in Applied Computing. I put this simple site together for him to communicate his abilities and experience to potential employers. He got a job within a month so it must have helped!

HappeningUK Database Admin System

HappeningUK's administration tasks were taking up much of the management team's valuable time. Each client needed weekly updates on: activity planned, invoices and activity completed which was previously handled by a baffling number of spreadsheets and inefficient duplication of information. Using PHP and MySQL I developed this system to streamline the company's admin tasks.

The results were that the Management team were enabled to look after wider areas, and in some cases, part time student managers were employed to look after cities. The system made reporting easier but also regulated the type of information that was reported and enabled clients and senior management to monitor progress. The result: Decreased Management hours wasted and a leaner sales force.

The system incorporated Google maps for the teams and clients to find the venues in which the activity was happening (previously handled by emailing maps/directions or getting phone calls from lost staff late on a Saturday evening!). On online gallery enabled promotions Team Leaders to upload photos after promotions that could be instantly viewed by Management and clients.

CSS was used to deliver branding and appropriate design depending on who was using the site. The system knows who is logging in so can deliver the branding that is appropriate to the user. This means that clients experience a bespoke system whilst sharing the resources with others.

A summary of the system's capabilities:

  • Activity Planning, Tracking & Reporting Example
  • Invoice Tracking Example
  • Venue Mapping Example
  • Contact Logging Example
  • File Sharing Example
  • Photo Gallery Example
  • Secure Login & Registration Example
  • Email, Printing and export of Excel Spreadsheets

Digirank Site Digirank are a Search Engine Optimisation provider based in Bristol. I designed both the logo...

Driving Risk Management Site Driving Risk Management provides driver safety courses to businesses. The brief was to design...

BBC Blogs Redesign This site was built in HTML, CSS, Javascript and integrated with MoveableType. A potential...

Wii iPlayer Channel I built aspects of the Wii iPlayer channel in Flash including the spinning logo loader and the...

Scaleform Refresh Scaleform required a new website to replace their existing table-based, Flash-dependent one. ...

Palace Chambers Web Site This is a simple HTML/CSS website with a front page and a 'find us' page that uses the Google...

Rosie & Wellington Rosie & Wellington wanted a simple and usable online shop-front. In order to reach a...

Do you do a Didgeridoo? An interactive CD-ROM to accompany the children's book. The CD-ROM reads along to the story...

Apprentice Facebook App With this app you can create your own business board and join your friends' boards to discuss...

RHS - MyGarden The RHS developed a social networking sites for gardeners which allowed them to blog, share...

VideoJug Brain-o-Meter Facebook App Get a bigger brain with the utterly fantastical ?VideoJug Brain-o-Meter?. Search and watch...

Sothebys Systems Integration Sothebys Institute of Art had a number of websites and databases holding student, staff, and...

Currys Flash Banners Flash banners for a Currys campaign leading up to Xmas.

Comic Relief Xmas Facebook App The Comic Relief Xmas Cracker was a project aimed at raising money for charity using the viral...

Sothebys Course Microsites This system enables Sothebys Institute to create a 'Microsite' for each of their courses. The...

goWander.com CSS goWander is a social networking site for travellers. I took the mockups from the designers and...

Complan Search Engine Optimisation Complan Foods required an over-haul of their 3 sites to optimise performance in search engine...

Sotheby's Career System The Sotheby's Institute Alumni site had plenty of useful information for students, alumni and...

Hayman's 1820 Table Flyer Hayman's 1820 needed a way of obtaining brand presence in high-end 'style' bars that usually...

HappeningUK Invoice System HappeningUK needed a centralised system for tracking and storing invoices. I built this as an...

Organic Spirits Radio Interview A 5 minute interview about the Organic Spirits on the Philippa Forrester Show

Organic Option Awareness Leaflet A folded A5 leaflet aimed at raising awareness amongst bars, hotels and restaurants of the...

Joel Summerfield's Portfolio Site A friend of mine was embarking on his first job hunt after graduating from University with a...

Xenia Empty Belly Poster Xenia is Switzerland's highest selling shot drink. They needed some posters designed for use...

River Cocktail Competition Flash Presentation I created this Flash presentation video to promote our efforts in organising the Hayman's 1820...

4Homes Magazine Cocktail Photograph 4Homes magazine published an article on the "Best-ever... Organic cocktail" in their September...

HappeningUK Database Admin System HappeningUK's administration tasks were taking up much of the management team's valuable time....

Music for Firefox Flick Robert Snow and Bruce Hwang Chen entered a video to the Firefox Flicks competition in April...

Ginny Jones Jewellery Logo Ginny Jones was starting up as a contemporary jewellery maker when she approached me and asked...

Toucano Concept Design I put this design together using Illustrator when we were pitching for work for Toucano...

Hayman's 1820 Presenter Design This is a design I put together when HappeningUK originally pitched for the Hayman's 1820...

Jagermeister Shooters Menu I designed this shooters menu for Junktion 7 (Nottingham). In return for the design work they...

Juniper Green Organic Gin Poster I designed this poster for Juniper Green Organic Gin for use at exhibitions. As well as...

HappeningUK Brochure Site HappeningUK needed a site for prospective staff and clients to find out more about what we do....

Utkins Fairtrade Organic White Rum Bottle Utkins were dissatisfied with teh labels that their label designers were producing so that...

Luxardo Sambuca Map Flyers HappeningUK made Luxardo the brand leading Sambuca in the UK. There were two objectives. ...

Nokia Phone Showcase Music Nokia had produced this 3.5 minute long presentation of their 2004 range of phones to loop in...