Welcome to the collective works of Tom Harrison
See some of my work

About Me

Hey there. I'm Tom, a creative front-end developer and Wordpress developer living in Bristol. My skillset ranges from complex animations and interactive experiences using javascript, to community and user generated content wordpress builds that are well thought out and easy to use.

My Skills

  • HTML5
  • CSS3
  • Javascript
  • Facebook
  • Flash
  • Responsive
  • Canvas + SVG
  • Maps

Worked on PROJECTS FOR

  • Air New Zealand
  • Discovey Channel
  • Disney
  • EMI
  • Evian
  • Red Bull
  • Snickers
  • Sony
  • Tropicana
  • Waitrose

MY WORK

FRIENDS PROVIDENT FOUNDATION

CLIENT - Yoke

A large community site, with focus on good accessibility without sacrificing asethetics. Some interesting css effects used on images, and lots of attention paid to large as well as small screen sizes. Performance was also a key metric, so the intial site footprint is low and lots of techniques such as the picture element are used to keep it as fast as possible, whilst still serving up high quality images

visit site
  • Friends Provident Foundation Logo
  • Friends Provident Foundation screen shot of homepage
  • Friends Provident Foundation screen shot of manifesto
  • Friends Provident Foundation screen shot of news page

DESIGNABILITY

CLIENT - Designability

Highly accesible brochureware site for Bath based Charity. Designability design, make, and consult on products to improve the lives of disabled people. The scope of their work is very broad, and includes a great range of skillsets. Working with Chris Chapman, we took their existing site and completely reevaluated the content to create something that really showcased what they do. The site was built using wordpress and heavy use of the flexible content plugin, allowing them to easily add sliders, image layouts, donation side bars etc. to each page.

visit site
  • Designability logo
  • Designability homepage

PROTIVA

CLIENT - Knight Studios

The aim of the site was a high end, 'Apple' style brochure site, but with the ability to purchase products. The Woocommerce API was used in conjunction with Stripe. It also has posts pulled in from twitter and instagram.

visit site
  • Protiva logo
  • Protiva
  • Protiva
  • Protiva

LEGAL AND GENERAL

CLIENT - SMITH & MILTON

A one page, animated scrolling site using TweenMax and Scroll Magic. As the scroller events aren't very responsive on touch, a custom chapter system was built using TimelineMax, so the touch device versions worked more like and interactive video with the ability to pause, play and replay chapters. The site uses several moving gradients to create an ever changing background. We wanted to keep this visible the whole time, so all overlays are solid blocks of colour with space cut out.

visit site
  • Legal and General
  • Legal and General

Barnwood

CLIENT - Yoke

Another highly accessible wordpress site. Some nice editorial style layouts, and lots of work put into the responsive menus. If the screen isn't wide enough, items that don't fit are placed into a dropdown menu.

visit site
  • Barnwood logo
  • Barnwood

BODY SCRUBS

CLIENT - BBC

The BBC had a tool that allowed them to take a short video and turn it into a scrubbable image sequence (a bit like an animated gif with controls). They also had lots of gross out stock footage and wanted a site to showcase these two things. The site was built in Jekyll, and has a lot of nice subtle animation such as an oldschool tv effect.

visit site
  • Body Scrubs
  • Body Scrubs
  • Body Scrubs

LOCAL TRUST

CLIENT - Knight Studios

Community site for a Local Trust - a charity enabling people to make their communities better places to live. The site features a data driven map (using mapbox and leaflet) for the 150 areas of 'Big Local', a lottery funded scheme to improve local areas. There are also a large number of easily searchable resources, guides and case studies on the site as well as a twitter feed, events and blogs. The major undertaking was the site architecture and making the libary content easily searchable, maintable and easy to link related content to. MODx was used for the backend.

visit site
  • Local Trust
  • Local Trust
  • Local Trust

TRI-LIFE

CLIENT - Tri-Life

Tri-life is a cancer charity raising money through adventures. Last year Chris Chapman and I made a simple one page site and all the fund raising and organisation was done through just giving. They managed to raise just under £80k and climbed Kilimanjaro in the process! This year the brief was to have everything under one site that would be easy for admin of both payments and participants. We used stripe to handle card payments, and a created a login system where participants could sign up for events. It was a nice change of pace working on the full stack of the project and a chance to sharpen up my backend dev skills.

visit site
  • Tri-Life on devices
  • Tri-life donations page

YOUNGS CHIPSHOP

CLIENT - Activation Digital

Responsive microsite / facebook app that allows you to create your perfect plate of fish and chips. Simple responsive site with a few nice animations and layouts. The site was originally a prize draw using a custom built PHP/MySQL backend with reporting.

visit site
  • Youngs Chip Shop

GLOBAL CORRUPTION BAROMETER 2013

CLIENT - Beef

Transparency International’s Global Corruption Barometer is the largest world-wide public opinion survey on corruption. Working with Beef we turned the responses of more than 114,000 people in 107 countries into a series of animated infographics and charts. The charts we build using the Raphael plugin. Other points of note are the ajax urls using History.js and the ability to share individual pages to facebook.

visit site
  • GCB 2013 website
  • GCB 2013 website