Citak Rugs Inc are a Canadian based importer and distributor of the most exceptional and distinct rugs in the world. I was approached by their team to bring their website to the forefront of web techniques and technologies, for desktop, tablet and mobile.

A solo project, I designed and produced all aspects of the site from concept to creation. The site utilizes various advanced HTML5 techniques and technologies such as WebGL, and also incorporates a number of different methods for navigation and interactions, such as swipe, pinch-to-zoom, and keyboard interactions.

With a minimalist and clean 'deceptively simple' approach, the application is built onto Backbone JS (incl. Marionette), and uses additional frameworks such as three.js, GSAP and jQuery. The site is setup with a heavy emphasis on mobile and tablet functionality to ensure a smooth experience cross-platform, while also incorporating a number of polyfill and graceful degradation behaviours, such as WebGL enhancements, CSS transforms and so on.

When a New York catering company approached me last year and asked if I'd like to work with them, little did I know at the time that it would become one of my biggest projects to date; it overhauled the entire way I work, I explored and worked with technologies that I rarely had a chance to work with, and it amounted to over 30,000 lines of handwritten JavaScript.

Read the full article at CSS Design Awards.

Jumping Pages are specialists in animated stories, events, games, apps and children’s play spaces.

I was approached to work with Jumping Pages to produce an intermediary new site for them; but they loved the new site so much it became their final one!

I produced all aspects of the site, from concept to creation, gearing it towards tablet and mobile devices. Featuring a web app framework, site navigation is powered by cached AJAX JSON feeds to create a seamless browsing experience.

Pete Nottage is a UK voiceover and presenter, a Channel 4 continuity announcer, the voice of BBC6 Music, writer and audio producer.

Pete approached me to create a small new interactive site to convey his personality and work, featuring a fun and quirky illustrative approach.

I produced all aspects of the site, from concept to creation. The site features an illustrative responsive virtual city that morphs and changes based on the size of the web browser window.

The site was awarded Site of the Day on CSSDA.

I was approached to work with Starworks Artists to produce a new upgraded version of their site, with the aim of it being a cross platform and slick new experience.

I produced all aspects of the development and UX of the site from the ground up, with additional input into the overall design in elements such as the lightbox.  The site is geared heavily towards tablet and mobile devices, implementing HTML5 technologies such as tilting mechanisms that respond to the way the screen is tilted in iOS devices.

Structurally, the site is designed to behave as a ‘web app’ experience, utilising AJAX and JSON data to asynchronously load consequent pages of the site by requesting a tiny JSON-ified version of the target page and compiling the page at run time. This acts to reduce loading overheads, and to also make the application behave as efficiently and smoothly as possible. For SEO purposes, all pages of the site exist in two forms; the HTML page output itself, and a JSON version which only contains the core content of the page to compile at run-time (the page is able to switch dynamically as to the form of the content it serves). 

In terms of mobile, the site also has the ability to alter the content that is served; as it’s quite an image heavy site, it alternates between serving the full size images, and for mobile, a reduced version of the same image to avoid loading images that won’t be taken advantage of and increase load times on small screens.

The site is fully hardware accelerated, which ensures smooth transitioning cross platform, particularly on mobile/tablet devices.

Starworks Artists was produced in collaboration with Starworks Group, and Rich Banks.

Pudding Rush is an interactive JavaScript/HTML5 Christmas game, designed for tablet and desktop. To celebrate the Christmas festivities, and as a chance to experiment outside of live projects; I decided to pursue the concept of a cooking-style game in which you are tasked with creating the British tradition of Christmas Pudding from start to finish. To give it a competitive edge, user's are timed in the process and offered to submit their time to a global leader board upon completing.

Produced for Omobono as a project mostly in my spare time, Pudding Rush was aimed to engage with our clients across the globe, presenting possibilities of interesting methods of user interaction to bring back into live projects, but to also to share with the creative community. It was both designed and produced by myself in a very short timescale (started beginning of November and ready to launch on 1st December, with the majority of the build out of hours).

The project received fantastic feedback both with our clients and the creative community, winning multiple site of the day awards; usually reserved for pieces that have had multiple people working on them rather than one individual from start to finish. The game received over 11,000 visits during the Christmas period, with high activity on social networks.

I produced all aspects of the game, which even included the process of making a physical Christmas Pudding to be able to get the required shots of all the stages! It was an opportunity to focus on powering animation purely via CSS3 animation with JavaScript animation fall backs to browsers that did not support it. The piece also fully supports high-density (retina) devices throughout by providing an option for those on high-density displays to load the game with 2x imagery.

In 2011 Omobono set out to share the best practice of B2B marketers so that they could learn from their peers. Partnering with The Marketing Society, and ably supported by Circle Research, Omobono researched what B2B marketers really do in digital and what they think works. To complement this research I created the visual infographics to represent the results and also produced a complementary illustration to represent the digital landscape of today.

Produced in illustrator, the aim was to represent the various areas of B2B today; whether that's mobile, search/SEO, social media, video, display advertising, Email marketing etc. The piece has been used for many examples, and also inspired new pieces for our clients.

My personal website is a space in which to experiment. It is a framework to begin working on new ideas and concepts to introduce back into my every day work. Designed to work cross platform - be it desktop, tablet, or mobile - it is both a showcase and a place to work with different types of interactivity.

I created this site from top to bottom to take advantage of various techniques in modern browsers, including the ability to be totally hardware accelerated using native CSS transitions on iOS and Android. As well as desktop browsers that support them such as Chrome and Firefox. This makes the site ideal for viewing on devices such as the iPad, and acts as an example of the fast performance these devices can achieve in-browser, outside of a native app.

It has also been structured to support older browsers by swapping out CSS powered transitions with math and JavaScript to achieve a level of consistency that many opt to forgo. Providing a more unified experience in a scattered browser world is difficult at the best of times!

Important features within the build include: high-density imagery support for retina devices, native CSS transitions with tiered levels of fallback eventually to JavaScript powered animation, hardware acceleration, responsive (with a focus on ensuring an optimum width for desktop displays but with further flexibility when viewed on mobile devices) and web app support (splash screens/touch icons when added as a homescreen application on iOS).

I created all aspects of the website, from initial concept, design, and development; and have powered it using ExpressionEngine.

I was involved in the refresh Omobono company website to bring it more inline with the values and skills of the company with a focus on preparing the site for tablet and desktop. My focus was on the centre-piece, retina imagery, hardware acceleration and tablet specific content. In addition I am also currently responsible for constructing the mobile variant of the piece geared for smaller resolution devices.

​I'd been interested in finding a reason to experiment with 3D printing, so I decided to run an internal campaign as an opportunity to give it a try. I turned the people of Omobono into pixel characters and created a competition and the winners received a 3D printed model of their character.

After creating the 3D models to spec, I used the Shapeways service to create full colour sandstone versions of the models.