Work

The following is a collection of work that I have undertaken for a multitude of clients over the past 12 months or so. The majority of my work consists of responsive web sites and single page applications, but I have recently begun building hybrid mobile applications.

Music Discovery App

Music Discovery App

This hybrid app using Ionic returns an array of tracks using Spotify’s API. The user can listen to each 30-second sample in turn, and either favourite or skip the track. Favouriting the track pushes its entry to local storage in order to save state. When loaded again, this list is retrieved and can be used to choose which sample to listen to.

  • Angular
  • Ionic
  • Spotify API

Article Search

Article Search App

Built using Ionic framework, this proof-of-concept mobile app allowed the user to search through a supplied data-set. Results were filtered live as the search-term was expanded upon. Article sub-sections could be expanded and collapsed to reveal relevant information.

  • Angular
  • Ionic

Scorcese

Scorcese

A study in the films of Martin Scorcese, layout, and typography.

  • HTML
  • Sass
  • Design

Ribbonworks.co.uk

Ribbonworks.co.uk

I refreshed the appearance of the site in order to increase white-space and introduce a sense of vertical rhythm. I unified and rewrote the site’s stylesheets to enable the site to resize fluidly across devices. I took advantage of grunt-bake so that I could reuse components throughout the site.

  • HTML
  • Sass
  • Design

Hillcroft

Hillcroft School Redesign

In response to the client wanting a responsive redesign of their existing site, I created the above mockup. I attempted to put myself in the shoes of new and existing students and surface information that would be most relevant to their requirements, and bring it higher up the site hierarchy.

  • Design

Lanyards.co.uk

Lanyards.co.uk responsive redesign

For this project I took a series of supplied designs and wrote the markup and stylesheets in order to make the site responsive across multiple breakpoints.

  • HTML
  • Sass

S-no-w Escape

S-no-w Escape - A Star Wars themed Flappy Bird game

A new take on Flappy Bird using Phaser.js! Pilot a snowspeeder between AT-AT legs and get a high-score. Medals are awarded when you pass 10 and 20 legs, and your record is kept in local storage*.

  • JavaScript

Breakout

Breakout

A Cadbury-branded Breakout clone build in order to experiment with Phaser.js

  • JavaScript

Data Visualisations

Data visualisation with D3

Experimenting with D3.js to map the US population density with SVG.

  • JavaScript
  • D3
  • TopoJSON

Freelance Design Leads

Freelance Design Leads

A service for web freelancers: you get the best leads in your inbox daily, for less than a dollar.

  • HTML
  • CSS
  • Copywriting
  • Zapier
  • Mailchimp

Superfluent

Superfluent.co - a home to side-projects

A home for side-projects and a testing bed for ideas.

  • HTML
  • Sass
  • JavaScript

Double Rainbow

An experiment with background colour animations, text-clipping and text-fill properties.

  • HTML
  • Sass

CoStarred

Costarred

The easy way to discover who have been in movies together. A project with Ben Howdle.

  • HTML
  • Sass
  • JavaScript
  • Design

Album Art: A List Apart “10k Apart” Entry

Last.fm A lightweight (< 10Kb) and responsive website which displays global and user-specific trending tracks, built for A List Apart’s “10k Apart” competition in 2011.

  • HTML
  • Sass
  • jQuery
  • Design

GymBuddy

  • Meteor.js

RibbonWorks

Converted supplied PhotoShop documents into a skeleton markup and CSS framework.

  • HTML
  • CSS

Github

Here’s the full listing of projects that I’ve been keeping under version control on Github: