My Recent Work

May 2017

Avanta Care

Responsive Template Build

  • HTML
  • CSS
  • jQuery

View: avantacare.com

April 2017

Ocean World Travel

Customer Landing Pages

  • HTML
  • CSS

View:
oceanworldtravel.com/experienced
oceanworldtravel.com/family
oceanworldtravel.com/older

March-August 2017

Ocean World Travel

Adaptive Email Template Build

  • HTML
  • CSS

Demo: Ocean World Travel Email

January 2017

Ferry Plus

Internal Interactive Form for iPad

  • HTML
  • CSS
  • jQuery

Demo: Ferry Plus

January-April 2017

IMEX

Adaptive Email Build and Dotmailer Integration

  • HTML
  • CSS

Demo: IMEX Email

November 2016

Signforte

Responsive Site Design/Build with CMS

  • Design
  • HTML
  • CSS
  • jQuery
  • CMS

View: signforte.com

September 2016

Hamptons

Adaptive Email Template Build

  • HTML
  • CSS

Demo: Hamptons Email

September 2016

TCC

Email Build and Salesforce Integration

  • HTML
  • CSS
  • Salesforce / Pardot

View: TCC Email

August 2016

Media Measurement

Email Build and MailChimp Integration

  • HTML
  • CSS
  • MailChimp

View: MM Email

Jul 2016

White Clarke Group

Email Builds and MailChimp Integration

  • HTML
  • CSS
  • MailChimp

View: WCG Email

March 2016

Gourmio

Email Builds and MailChimp Integration

  • HTML
  • CSS
  • MailChimp

View: Gourmio Email

February 2016

White Clarke Group

Email Builds and MailChimp Integration

  • HTML
  • CSS
  • MailChimp

View: WCG Email

Jan-Apr 2016

IMEX

Multiple Email Builds and Dotmailer Integration

  • HTML
  • CSS
  • Dotmailer

View: IMEX Email



2015

December 2015

The Little Mountain Chalet

Responsive Site Build

  • HTML
  • CSS
  • jQuery

View: thelittlemountainchalet.com

September 2015

Impress

Responsive Site Build with CMS

  • HTML
  • CSS
  • jQuery
  • CMS

View: impress.press

September 2015

Natures Way Foods

Email Build and Campaign Monitor Integration

  • HTML
  • CSS
  • Campaign Monitor

View: NWF Email

July 2015

Arun Vet Group

Email Build and Campaign Monitor Integration

  • HTML
  • CSS
  • Campaign Monitor

View: AVG Email

April 2015

Tesco Real Food / Tefal Actifry

Responsive Landing Page Build

  • HTML
  • CSS
  • jQuery

View: realfood.tesco.com/actifry-suggestions.html

March 2015

Ferry Plus

Templates For Booking System Software

  • HTML
  • CSS
  • jQuery

View: Internal system - no URL. Please ask for demo.

February 2015

Tesco Real Food / Carnation

Landing Page Build

  • HTML
  • CSS
  • jQuery

View: realfood.tesco.com/carnation-cook.html

February 2015

Adept Recruitment

Email Build and MailChimp Integration

  • HTML
  • CSS
  • MailChimp

View: Adept Email

Jan-May 2015

IMEX

Multiple Email Builds and Dotmailer Integration

  • HTML
  • CSS
  • Dotmailer

View: IMEX Email



2014

December 2014

The Little Mountain Spa

Site Build and Branding

  • HTML
  • CSS
  • jQuery

View: thelittlemountainspa.com

October 2014

White Clarke Group

Responsive Email Build and DotMailer Integration

  • HTML
  • CSS
  • DotMailer

View: White Clarke Group Email

July 2014

Capex

Email Build and DotMailer Integration

  • HTML
  • CSS
  • DotMailer

View: Capex Email

June 2014

White Clarke Group

Template Build

  • HTML
  • CSS
  • jQuery

View: whiteclarkegroup.com

April 2014

MMA Federation

Site Build with CMS

  • HTML
  • CSS
  • jQuery
  • CMS

View: No longer available

March 2014

Costa Coffee

Quality Microsite Build

  • HTML
  • CSS
  • jQuery
  • Responsive

View: costa.co.uk/about-us/quality/

February 2014

Arun Vet Group

Site build

  • HTML
  • CSS
  • jQuery
  • Responsive
  • Campaign Monitor

View: No longer available

January 2014

Sense of Self

Responsive Site Build with CMS

  • HTML
  • CSS
  • jQuery
  • Responsive
  • CMS

View: No longer available



2013

November 2013

Centerparcs

Responsive Grid and Carosuel

  • HTML
  • CSS
  • jQuery

View: events.centerparcs.co.uk

October 2013

London Business School - Reunion for New Alumni 2014

Intranet Template Build

  • HTML
  • CSS
  • jQuery

View: newalumni.london.edu

September 2013

Anite

Intranet Template Build

  • HTML
  • CSS
  • jQuery
  • Responsive

View: Anite Intranet Demo

August 2013

Costa Coffee

Costa - Main site templates

Following the succesful Costa Ice build I was invited back by Graphite in London to assist with the rebranding of Costa's main site by providing the front end templates.

The build was fully responsive and utilises a bespoke framework. This allowed much greater flexibility in the build and allowed us to tailor all of the components.

During the build I worked closely with bot the design and developement teams to ensure that the templates both accurately reflected the brand and were also structured suitably to integrate with the their CRM solution.

  • HTML
  • CSS
  • jQuery
  • Responsive

View: costa.co.uk

July 2013

Lloyds Register

Template and Component Build

  • HTML
  • CSS
  • jQuery

View: lr.org

July 2013

Fenix

Web build

  • HTML
  • CSS
  • jQuery

View: fenixm.com

June 2013

Potton

Campaign Monitor Email build

  • HTML
  • CSS

View: Potton Email

June 2013

Linseed Barn

Campaign Monitor Email build

  • HTML
  • CSS

View: Linseed Barn Email

May 2013

London Business School - The Cause

Microsite

Working with Mosaic in Brighton, I built this single page information microsite for The London School of Business' The Cause campaign.

A clean look was required with the content made more digestable using show and hide techniques which were implemented using jQuery.

  • HTML
  • CSS
  • jQuery

View: No longer available

April 2013

Costa Coffee

Costa Ice Microsite

I was asked by Graphite in Brighton to produce the templates for the Costa Ice microsite which promotes Costa's new range of summer drinks.

As well as demoing the new range and providing offers, the key areas of the site are the Flavour Maker which is a competition that allows users to create their perfect drink; and the Tour page which, utilising the Google API, maps the route of the Costa Ice Tour van.

  • HTML
  • CSS
  • jQuery
  • Mobile

View: No longer available

April 2013

Greater Manchester Chamber of Commerce

Site Reskin

Working with LDA in Media City, Salford I was responsible for implementing a new design onto the current site structure for the Manchester Chamber of Commerce site.

Maintaining much of the existing base code the site was given a great new look and navigation structure which utilised a meganav to give quicker access to all areas of the site.

  • HTML
  • CSS
  • jQuery

View: gmchamber.co.uk

March 2013

Redcentric

Site skin

I was asked by VGroup in Brighton to produce the CSS for the Redcentric site. The site was an HTML duplicate of their Redstone site but required a different skin.

Having built the Redstone site, I was very quickly able to produce the CSS skin whilst maintaining identical HTML.

  • HTML
  • CSS
  • jQuery

View: No longer available

March 2013

Warson Beef

Brochure Site

Following on from The Beefwagon, I was asked by LightOps to build the site for Warson's Farm which is the farm behind the wagon.

The clean design is based around the photography and utilises a side scroll functionality which gives the site an app like feel.

In addition, the site is content managed utilising CouchCMS which allows the farm to update the text and imagery.

  • HTML
  • CSS
  • jQuery
  • CMS

View: warsonbeef.com

March 2013

The Beefwagon

Microsite

Working with LightOps in London, I was asked to build a site which would promote 'The Beefwagon'; a street food van run by Warson's farm which sold burgers produced with meat from the farm.

A single page design provides all the information about the product and the location of the van and has been built with responsive considerations.

  • HTML
  • CSS
  • jQuery
  • Responsive

View: thebeefwagon.com

March 2013

IDG Connect

Custom Adaptive Framework

I was asked by Mind Orchard in Brighton to assist in their development of the IDG Connect site by generating an adaptive framework which would for the structure of the site.

Due to the way the site adapted at certain breakpoints, it wasn't possible to use an existing framework. This meant that I was required to write a custom grid sytstem which would allow the flexibility that was required.

  • HTML
  • CSS
  • Responsive

View: IDG Adaptive Framework Demo

February 2013

The Quays

Culture Site

This was one of 3 projects working with Wonder Associates in Wilmslow. The Quays site shows what's going on in Salford Quays in Manchester allowing the user to filter by several options.

Built utilising a masonry grid system and a custom filter the user is quickly able to drill down the events and listings and create an itinerary for their day.

  • HTML
  • CSS
  • jQuery

View: thequays.org.uk

February 2013

Theatre Centre

60th Aniversary Microsite

This was one of 3 projects working with Wonder Associates in Wilmslow. Theatre60 is a commemorative microsite which celebrates 60 years of the centre and was built as part of their main site.

I provided the templates for the site that allows Alumni to register and post their favourite memories of the Centre including stories videos and images.

  • HTML
  • CSS
  • jQuery

View: No longer available

February 2013

230 Bishopsgate

Site Build

This was one of 3 projects working with Wonder Associates in Wilmslow. 230 Bishopsgate is an events venue located in the City of London.

I provided several templates which make up the site.

  • HTML
  • CSS
  • jQuery

View: 230bishopsgate.com

January 2013

Red Hot Penny

Responsive Site

I was asked by Red Hot Penny to build the responsive templates for their own site.

The templates utilise various slider animations to deliver content and the site also takes content from RHPs Tumblr blog and Twitter feed via their respective APIs.

  • HTML
  • CSS
  • jQuery
  • Responsive

View: No longer available

January 2013

NixonMcInnes

Newsletter Email

I was asked by NixonMcInnes in Brighton to build their newsletter email on the MailChimp platform.

The functionality of Mailchimp allowed me to create a flexible template with several contrent areas that could be added or changed as required dependent on the content of the email.

  • HTML
  • CSS

View: NixonMcinnes Newsletter



2012

December 2012

BBC - Doctor Who

Christmas 2012 Microsite

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

View: No longer available

December 2012

Tysers

Site Template Build

  • HTML
  • CSS
  • jQuery

View: tysers.com

November 2012

Vet Ventures

Microsite

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

View: vetventures.co.uk

November 2012

Anderson Acoustics

Responsive website

Working with WR3 in Brighton, I built this responsive single page site which was also built on a CMS system for east content updates.

The site was heavy on content and utilised show/hide techniques and sliders to deliver the content in a more managable way.

  • HTML
  • CSS
  • jQuery
  • Responsive
  • CMS

View: No longer available

October 2012

Tesco Real Food

Various pages

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

View: No longer available

October 2012

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

View: Tesco Back to school email

September 2012

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

View: Internal system - no URL. Please ask for demo.

August 2012

Brighton and Hove CC

Council Tax 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

View: No longer available

July 2012

Adidas

All Crews 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

View: No longer available

July 2012

My Personal Training

Responsive Site

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

View: No longer available

June 2012

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

View: Internal system - no URL. Please ask for demo.

May 2012

It's Pimm's O'Clock

Facebook App

I spent four weeks 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

View: No longer available.

April 2012

VGROUP

Email 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

View: VGROUP Newsletter

Feb 2012

STA Travel

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

View: No longer available

Jan 2012

Tesco

Wine Community Site

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

View: No longer available



2011

Dec 2011

Bacardi Brown-Forman Brands

Pourfection Email

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

View: Pourfection email