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
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.
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.
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.
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.
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.
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.
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.
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.
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.