social-codepen social-dribbble social-github social-linkedin social-twitter
BrowserBrowser
Orion Suite screenshot 1Orion Suite screenshot 1
portfolio spacer

Side Project

Orion Suite

The Orion suite is a collection of tools to help you with front-end development. It includes:-

OrionCSS - a SASS framework which provides you with a solid OOCSS foundation for your project.

OrionJS - a simple collection of reusable functions to help streamline UI development.

OrionBP - a simple Gulp powered front-end boilerplate for projects using OrionCSS and OrionJS.

View on Github
BrowserBrowser
A/B Testing and MVT screenshot 1
portfolio spacer
BrowserBrowser
A/B Testing and MVT screenshot 2
portfolio spacer
BrowserBrowser
A/B Testing and MVT screenshot 3
portfolio spacer

Plusnet

A/B Testing and MVT

One of my responsibilties at Plusnet was to build A/B and multivariant tests using Adobe Target. These allowed me to test new sales page designs against existing ones by seeing how conversion is influenced.

This specific example shows a test where I compared the existing broadband packages page against a new streamlined full width variant over a 30 day period. Once this was over, metrics within Adobe Target and Google Analytics showed that the new variant succeeded in improving conversion. It was subsquently rolled out in a later sprint.

BrowserBrowser
Schooltopia screenshot 1
portfolio spacer
BrowserBrowser
Schooltopia screenshot 2
portfolio spacer
BrowserBrowser
Schooltopia screenshot 3Schooltopia screenshot 3
portfolio spacer
BrowserBrowser
Schooltopia screenshot 4Schooltopia screenshot 4
portfolio spacer
BrowserBrowser
Schooltopia screenshot 5Schooltopia screenshot 5
portfolio spacer

Side Project

Schooltopia

Schooltopia is a website offering web design services to primary schools. Building upon the knowledge and experience I gained at Red HQ, I wanted to create a secondary portfolio website specifically targeting schools.

This means in the future if I have the desire and the freelance capacity to build more school websites, I already have a foundation to build on.

www.schooltopia.co.uk
BrowserBrowser
Brand Toolkit screenshot 1
portfolio spacer
BrowserBrowser
Brand Toolkit screenshot 2
portfolio spacer
BrowserBrowser
Brand Toolkit screenshot 3
portfolio spacer

Plusnet

Brand Toolkit

Brand Toolkit is an internal website built on Wordpress which gives Plusnet creatives and stakeholders easy access to brand assets.

It started out as a small side project of mine intended for use within the web dev team, but grew in scope and is now used by creatives and brand stakeholders in departments across Plusnet.

BrowserBrowser
Screenshot Automation Tool screenshot 1
portfolio spacer

Plusnet

Screenshot Automation Tool

I created a screenshot automation tool using Ruby and Selenium WebDriver to help Plusnet developers easily generate large amounts of screenshots for use during stakeholder signoff.

Users can either select from common tasks, such as generating screenshots of all pages required for signoff of a broadband offer, or they can pass in a custom array for one-off jobs.

BrowserBrowser
4x4overlander  screenshot 1
portfolio spacer

Red HQ

4x4overlander

4x4overlander.com was an ecommerce project built on Wordpress and WooCommerce for a client who wanted to sell specialist parts and accessories for Land Rover Defender.

www.4x4overlander.com
BrowserBrowser
Red HQ Redesign  screenshot 1
portfolio spacer
BrowserBrowser
Red HQ Redesign  screenshot 2
portfolio spacer

Red HQ

Red HQ Redesign

One of my first projects after joining Red HQ was to completely redesign their website. This took them from a single temporary webpage to a fully functional mobile responsive agency website which was search engine optimised.

This new website gave Red HQ a more professional showcase to promote it's services, and as a result it saw a large increase in organic web traffic and enquiries.

BrowserBrowser
Tile Puzzle Game screenshot 1
portfolio spacer

Side Project

Tile Puzzle Game

This was a small side project of mine to put into practice what at the time I had recently learned about object-orientated programming in JavaScript. I feel I learn best when doing, so if I learn something substantial I tend to build upon that with a practical exercise.

There’s 4 different variations to tackle. See how quickly you can solve them!

Play Tile Puzzle Game
BrowserBrowser
MPD Power  screenshot 1
portfolio spacer
BrowserBrowser
MPD Power  screenshot 2
portfolio spacer

Red HQ

MPD Power

MPD Power was an international supplier of diesel generators with a website that was in dire need of a redesign.

I worked with them to develop a new website which was modern and professional and would suit their needs. This redesign gave them a more corporate image which increased their sales both at home and especially in developing countries.

BrowserBrowser
Sandal Magna Community Academy screenshot 1
portfolio spacer
BrowserBrowser
Sandal Magna Community Academy screenshot 2
portfolio spacer
BrowserBrowser
Sandal Magna Community Academy screenshot 3
portfolio spacer

Red HQ

Sandal Magna Community Academy

Sandal Magna Community Academy was probably my favourite out of the six or so school websites I created whilst at Red HQ. I think it really serves as a brilliant showcase for the school and its surrounding community.

After each new school website was rolled live, I delivered training directly to the teachers themselves to educate them on how to use the CMS and what best practices were recommended.

www.sandalmagna.co.uk
BrowserBrowser
ReactJS IMDB App screenshot 1
portfolio spacer

Side Project

ReactJS IMDB App

This was a small development exercise to create my first web app using ReactJS. To use, simply enter a movie into the input and submit. Relevant data is then pulled from an IMDB API and displayed on the page.

This was a great introduction to building apps using ReactJS and allowed me to get to grips with the basic principles and syntax of this powerful library.

Use ReactJS IMDB App