My Recent Work
2023
Trusted Stays
Responsive email templates and Hubspot integration
- HTML
- CSS
- Hubspot
Hospiria
Responsive email templates and Hubspot integration
- HTML
- CSS
- Hubspot
View: Hospiria email template
2022
Frogs Rafting
Responsive site build and CMS integration
- HTML
- CSS
- jQuery
- Couch CMS
View: frogsrafting.com
Little Wild
Responsive site build and CMS integration
- HTML
- CSS
- jQuery
- Couch CMS
View: littlewildspace.com
2021
Incuhive
Responsive 'Health Check' process
- HTML
- CSS
- jQuery
View: Please ask for demo
EE Review Packs
Dashboard build
- HTML
- CSS
- jQuery
View: Please ask for demo
Defy
HTML data document build with charts
- HTML
- CSS
- jQuery
- Chart.js
View: Defy data document
L3 Harris
Responsive template build including component libraries & styleguides
- HTML
- CSS
- jQuery
- Fractal
View: l3harris.com
White Clarke Group
'Digitization' Journey
- HTML
- CSS
- jQuery
2020
Shore Group
Responsive Dashboard Build
- HTML
- CSS
- jQuery
- Chart.js
View: Please ask for demo
Tigermoth Lighting
Email Build and Mailchimp Integration
- HTML
- CSS
- Mailchimp
View: Tigermoth email
Trusted Stays
Email Build and Mailchimp Integration
- HTML
- CSS
- Mailchimp
View: Trusted Stays email
Studio
Email Build and Salesforce Integration
- HTML
- CSS
- Salesforce
Stronger Stories
Email Build and Mailchimp Integration
- HTML
- CSS
- Mailchimp
View: Stronger Stories Email
Little Moutain Beauty
Redesign + Responsive Site Build
- HTML
- CSS
- jQuery
View: littlemountainbeauty.com
2019
TCC
Email Build and Salesforce Integration
- HTML
- CSS
- Salesforce / Pardot
View: TCC Email
Under the Doormat
Email Build and Mailchimp Integration
- HTML
- CSS
- Mailchimp
View: Under the Doormat Email
2018
XP Power
Email Build and Salesforce Integration
- HTML
- CSS
- Salesforce / Pardot
View: XP Power Email
2017
Signum Corporate
Responsive Page Build with CMS
- HTML
- CSS
- jQuery
- CMS
View: signumcorporate.com
TCC
Email Build and Salesforce Integration
- HTML
- CSS
- Salesforce / Pardot
View: TCC Email
Ocean World Travel
Customer Landing Pages
- HTML
- CSS
View:
oceanworldtravel.com/experienced
oceanworldtravel.com/family
oceanworldtravel.com/older
Ocean World Travel
Adaptive Email Template Build
- HTML
- CSS
Demo: Ocean World Travel Email
2016
Signforte
Responsive Site Design/Build with CMS
- Design
- HTML
- CSS
- jQuery
- CMS
View: signforte.com
TCC
Email Build and Salesforce Integration
- HTML
- CSS
- Salesforce / Pardot
View: TCC Email
Media Measurement
Email Build and MailChimp Integration
- HTML
- CSS
- MailChimp
View: MM Email
White Clarke Group
Email Builds and MailChimp Integration
- HTML
- CSS
- MailChimp
View: WCG Email
White Clarke Group
Email Builds and MailChimp Integration
- HTML
- CSS
- MailChimp
View: WCG Email
IMEX
Multiple Email Builds and Dotmailer Integration
- HTML
- CSS
- Dotmailer
View: IMEX Email
2015
The Little Mountain Chalet
Responsive Site Build
- HTML
- CSS
- jQuery
Natures Way Foods
Email Build and Campaign Monitor Integration
- HTML
- CSS
- Campaign Monitor
View: NWF Email
Arun Vet Group
Email Build and Campaign Monitor Integration
- HTML
- CSS
- Campaign Monitor
View: AVG Email
Tesco Real Food / Tefal Actifry
Responsive Landing Page Build
- HTML
- CSS
- jQuery
Ferry Plus
Templates For Booking System Software
- HTML
- CSS
- jQuery
View: Internal system - no URL. Please ask for demo.
Tesco Real Food / Carnation
Landing Page Build
- HTML
- CSS
- jQuery
Adept Recruitment
Email Build and MailChimp Integration
- HTML
- CSS
- MailChimp
View: Adept Email
IMEX
Multiple Email Builds and Dotmailer Integration
- HTML
- CSS
- Dotmailer
View: IMEX Email
2014
The Little Mountain Spa
Site Build and Branding
- HTML
- CSS
- jQuery
View: thelittlemountainspa.com
White Clarke Group
Responsive Email Build and DotMailer Integration
- HTML
- CSS
- DotMailer
View: White Clarke Group Email
MMA Federation
Site Build with CMS
- HTML
- CSS
- jQuery
- CMS
View: No longer available
Costa Coffee
Quality Microsite Build
- HTML
- CSS
- jQuery
- Responsive
Arun Vet Group
Site build
- HTML
- CSS
- jQuery
- Responsive
- Campaign Monitor
View: No longer available
Sense of Self
Responsive Site Build with CMS
- HTML
- CSS
- jQuery
- Responsive
- CMS
View: No longer available
2013
Centerparcs
Responsive Grid and Carosuel
- HTML
- CSS
- jQuery
View: events.centerparcs.co.uk
London Business School - Reunion for New Alumni 2014
Intranet Template Build
- HTML
- CSS
- jQuery
View: newalumni.london.edu
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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.
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
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
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
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.
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.
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
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
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
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
Also available on (Twine)