Dare to Donate

The internal project at Independents United started as a small app to help a colleague raise money for charity. After a hugely successful campaign I lead the rebuild to turn it into a platform anyone could use.

The service allows fundraisers to raise money by charging donors to vote for challenges. We were one of the first apps to use JustGiving's API and it continues to grow in popularity.

The UX and design is a product of months of analysis and user feedback to make sure donors are getting through the process and paying as quickly as possible.

Since its launch I lead the development of a custom version for the UK's largest cancer charity and a smaller anti-bullying charity.



The realisation that user interface had become 'ordinary' set me off creating a website of experimentation to see whether or not we'd be using forms and message boxes for the rest of our internetting lives.

Using some new HTML5 features and a bit of jQuery wizardry I made a Bublie - a bubble-based pinboard. To add a pin (bubble) one simply drags images or links from other websites into a pinboard (bubble board), which is symbolized by a larger bubble that grows according to the number of pins it contains.

From there everything is taken care of. If a website is pinned Bublie will fetch whatever meta data it can about it and decide on the best way to display that content.



I needed a super quick way to implement fancy-pants page transitions so knocked together this jQuery plugin to do the job.

The plugin does the full paging shebang and works off window hashes to make linking easy. But the real magic is done with CSS3 animations; many of which the open source community have generously supplied.


Video Scroll

All Saints ran a campaign allowing their users to control the position of a video with a scrollbar but unnusually didn't use HTML5 Video. I wanted to see what would happen if you did, so put together this.

The technique they used to play the video was one famously used by Apple. Instead of using an actual video they extracted each frame as an image and used JavaScript to swap them out in turn. The benefit of this (apart from working seamlessly across devices) was a drastic reduction in stutter when seeking backward and forward.

Although my example works it's only on condition that the computer is capable and the video is WEBM.



Our client needed the ability to create all sorts of forms for a Facebook competition app.

BuildaForm is a heavy duty jQuery form builder and gives the administrator complete control over their form and the developer the flexability to add and modify inputs. In our case we made a new select input that pulled in each cinema in the UK.



The maker movement and all things related have been pretty underreported in London. We created a London tech blog to cover everything from product conceptualisation through to the product design and finally production.

We ask the tech community to contribute ad hoc. Quality stays high because contributors only write when they've got something amazing to share. Costs stay low because we don't need to house writers. And the combined following of our contributors matches that of larger publications.

The site itself is the most analysed I've made. It tracks everything the user does to find the UX that doesn't work. Every article suggestion on the website is carefully chosen for the user to make sure they're always moving on instead of leaving. All UX on the site has either been proven to be advantageous or is in testing.


Sky Fortitude

We were briefed to create something cool and different on Tumblr for the new TV series Fortitude.

Our design was a flow of scattered content which was seemingly random in position.

The posts follow a spine which runs down the page and the position of content is slightly randomised.

The author is able to control the behaviour of posts by adding various tags to the post. For example, 'hero' forces images and videos to become full-width, breaking the spine and then allowing it to continue afterwards.

Tumblr's template engine was limiting in that it couldn't generate HTML for each of appearances that we needed, so the varying post styles all used the same HTML and modified only with CSS and JavaScript.

In hindsight Tumblr was the wrong platform to use, but the set of challenges that came with it were a lot of fun to solve. Sky later decided to use the template with a the TV show Critical.



Tasks to encourage users to follow accounts on social media can be repetitive, so are perfect for automating. I discovered that a good percentage of people follow you when you favourite their tweet, however the tactic is prone to error and favouriting the same person more than once can lead to their irritation.

I coded a simple program which allowed me to search and favourite tweets, but not more than once for each person. The program became Adorer and has helped grow hundreds of accounts to thousands of followers. The service has also been extended to Instagram and further automation features are being added.