Thursday
Dec202012

BBC - Doctor Who Christmas 2012

BBC - Doctor Who Christmas 2012

Having worked extensively with the BBC on Doctor Who, I was once again asked to produce the microsite for the special Christmas episode of this extremely successful series.

The content was minimal and predominantly visual which dictated a highly styled interface which incorporated an image gallery as the background of the header.

  • HTML
  • CSS
  • jQuery

abc.net.au/tv/doctorwho

Tuesday
Nov132012

Vet ventures

Vet Ventures

Working with VGroup, I built this single page microsite for their Vet Ventures client. The main focus of the site was to promote the brochure material which visitors could request by filling in the form.

The site utilisies responsive techniques to give a solid experience on multiple platforms and AJAX which is used to submit the form in-page.

  • HTML
  • CSS
  • jQuery/AJAX

vetventures.co.uk

Tuesday
Oct302012

Tesco - Various pages

Tesco - Meet the team

Over the space of a couple of months, I was asked by Reactive in London to produce a number of templates for various aspects of the Tesco Real Food site.

Working within an existing framework and site structure I produced a number of templates including a Christmas recipes page, a 'Cheese - inspiration' (not yet live) page and this 'Meet the team' page. It was important in all builds that the standards which had been previously set were adhered to.

  • HTML
  • CSS
  • jQuery

realfood.tesco.com/our-food/meet-the-team.html

Wednesday
Oct172012

Tesco - Back to School Email

Tesco - Back to School Email

Working with Reactive in London, I produced this updated version of Tesco's 'Back to school' email which is to give parents inspiration for lunchbox ideas.

The email was required to work across a number of email clients and this goal was successfully achieved.

  • HTML
  • CSS

Tesco - Back to School Email

Wednesday
Sep122012

TELR - Internal reporting system

TELR - Internal reporting system

I was asked to build a series of templates for an internal reporting tool which would be heavy on data and visualisations. The scope was locked to modern browsers and iOS devices which would allow me to utilise a number of CSS3 techniques not available to older browsers.

Using LESS CSS along with elements of Twitter Bootstrap I produced a number of templates which were based around forms, data tables and visualisations and utilised datepickers, modals, and live search

  • HTML
  • LESS CSS
  • jQuery

Internal system - no URL

Wednesday
Aug152012

Brighton and Hove CC

Brighton and Hove Council - Tax budget tool

This collaborative effort for Brighton & Hove City Council involved producing an online tool which would allow users to rate the priority for the spending of Council Tax in the county.

Working with a designer and a programmer I was responsible for the Front End build of the tool which utilised animation and colour to give a 'fun' experience to an otherwise straightforward response form.

  • HTML
  • CSS
  • jQuery
  • Responsive

bhbudget.brighton-hove.gov.uk

Saturday
Jul282012

My Personal Training

My Personal Training

Working with Roughtype in Brighton, I produced this small scale site for a local personal trainer which utilises responsive design and is CMS driven.

Couch CMS provided the perfect platform allowing the client to quickly alter the content of his training plans and package prices as well as keep his clientele up to date with blog articles.

Social media was also very important and several feeds were implemented including Twitter, Facebook, Youtube and Instagram.

  • HTML
  • CSS
  • jQuery
  • Responsive
  • CMS

www.my-personaltraining.co.uk/

Tuesday
Jul032012

Adidas - All Crews Represent

Adidas - All originals represent

Made in London contacted me following a recommendation to work on the web presence for the new Adidas, All Originals Represent campaign.

Using LESS CSS and Twitter Bootstrap for both allowed me to quickly put together a very complex site which utilised AJAX to provide content and was delivered through carousels and modals along with further functionality including inline content editing.

  • HTML
  • LESS CSS
  • jQuery

No longer available

Wednesday
Jun202012

STA Travel - Flight Search

STA - Flight search

Continuing on from some comprehensive work with Reactive on their STA Travel account, I was asked to produce this single page flight search. Despite being only one page it's very in-depth and is packed with functionality.

The page utilises jQuery and the jQuery Tools library to include modal dialogs, interactive tooltips, and live search fields to allow the user to quickly narrow down their search and find the perfect flight.

  • HTML
  • CSS
  • jQuery

STA - Flight search (live search)

Friday
Jun082012

Vodafone - Internal Events Management System

Vodafone - Internal Events Management System

The second project working with Isobar Mobile was an update to an existing Vodafone internal events management system. The original system suffered from poor UX and coding making it difficult to use.

The system allowed users to create events and a mobile site which was sent out as a link to attendees providing them with information and tickets. My role was to build page templates and provide on-page functionality which included utilising many assets from the jQuery UI library and working with the Google Maps API.

  • HTML
  • CSS
  • jQuery

Internal system - no URL

Monday
May212012

It's Pimm's O'Clock - Facebook App 

It's Pimm's O'Clock

I spent four weeka with Isobar Mobile working on a couple of projects. The first was a Facebook application for Pimms. Working in a small team of developers I was jointly responsible for producing page templates and creating on page functionality using jQuery. Working in an Agile environment, the project introduced me to LESS CSS and also Twitter Bootstrap.

  • HTML
  • LESS CSS
  • jQuery

is.anyoneforpimms.com/

Wednesday
Apr182012

VGROUP - Newsletter

VGROUP Newsletter

Having worked with VGROUP on several projects, they asked if I would produce the build for their updated company newsletter.

The design is simple allowing the content to stand out and with a range of potential clients it was important that the email was thoroughly tested across a number of platforms.

  • HTML
  • CSS

VGROUP Newsletter

Monday
Mar122012

Manchester Denture Clinic - Web build with CMS

Manchester Denture Clinic

MDC came to me with a modest budget requiring a very simple site that provided some basic information about their services along with a contact form for patients and a referral form for dentists. The site also required a CMS system to be able to update various content.

I brought it on on budget by utilising a template design and integrating with CouchCMS for the content management and form processing.

  • HTML
  • CSS
  • jQuery
  • CMS

www.manchesterdentures.com

Monday
Feb272012

Egg & Spoon - Web build with CMS

Egg & Spoon

Egg & Spoon are a local company specialising in event and wedding catering in the Sussex area. They required a site to showcase their service as well as sell their popular 'Brownies-by-post' service. The site also required a CMS platform for regular updates including a blog.

Working from supplied designs, I built the site utilising CouchCMS for content management. Ecommerce was provided by integrating with Paypal.

  • HTML
  • CSS
  • jQuery
  • CMS
  • Ecommerce/Paypal

www.eggandspoon.net

Monday
Feb062012

Event Connections - Web build

Event Connections

Working remotely with My Design Club, I was tasked with the building of 9 templates for the Event Connections website.

In addition to layout there were several components including a non-javascript hover navigation and a carousel slider with additional custom external control.

  • HTML
  • CSS
  • jQuery/Javascript

www.event-connections.co.uk

Thursday
Jan192012

Tesco - Wine Community

Tesco Wine Community

Having worked with with Reactive previously on Tesco projects, I was invited back to assist on the Tesco Wine Community site.

There were several templates of varying content including blogs and discussion lists. Forms were styled using jqTransform and custom fonts were added using Cufon.

  • HTML
  • CSS
  • jQuery

www.tescowinecommunity.com

Wednesday
Dec072011

Bacardi Brown-Forman Brands - Pourfection email

Pourfection

I was asked by Breeze Marketing to produce a template for Bacardi's Pourfection email which is sent out to retailers to promote Bacardi Brown-Forman Brands.

The newsletter needed to integrate with Campaign Monitor's templating system so that Bacardi would be able to create future editions of the newsletter.

  • HTML
  • CSS

Pourfection

Wednesday
Nov302011

Investance Email

Investance

Working again with VGROUP, I was asked to produce this template for the Investance internal newsletter.

  • HTML
  • CSS

Investance

Wednesday
Nov162011

Organic Surge - Web consultancy

Organic Surge

I was asked by Cobb PR to provide extra support for their production of the Organic Surge website. This involved tidying up of exiting code both structurally and visually to more accurately represent the designs.

  • HTML
  • CSS

www.organicsurge.com

Wednesday
Oct262011

TransWorldCom - Web build with CMS

TransWorldCom

TransWorldCom are a voice, data, mobile and IT solutions provider who required a revamp of their site which would include integration with a Content Management System.

Working with VGROUP, I was responsible for the full site build which included several templates in addition to the integration with the brilliant CouchCMS which along with all page content also manages their upcoming news section.

Other features of the site include a bespoke accordion navigation which features on the homepage.

  • HTML
  • CSS
  • JS/jQuery
  • CMS

www.transworldcom.com