Portfolio

Highlights of design and development projects I've been involved in over the years.

EvoToolkit screenshot 1
portfolio spacer
EvoToolkit screenshot 2
portfolio spacer

Evolution Funding

EvoToolkit

EvoToolkit is a front-end CSS/JS framework built for developers of all skill levels within Evolution Funding to allow them to easily create layouts with ready-made, onbrand UI components.

It has extensive documentation available in a pattern library called the Brand Toolkit.

toolkit.evolutionfunding.com
Mike Brewer Motors screenshot 1
portfolio spacer
Mike Brewer Motors screenshot 2
portfolio spacer
Mike Brewer Motors screenshot 3
portfolio spacer
Mike Brewer Motors screenshot 4
portfolio spacer

Evolution Funding

Mike Brewer Motors

My involvement with the Mike Brewer Motors website project ranged from being involved in early stakeholder meetings, where I helped to improve the user experience of the designs, to then developing its highly optimised front-end codebase and Gulp-driven build system.

At the 2018 Autotrader Retailer Awards, Mike Brewer Motors won Best Online Experience after 6,000 independent website reviews, which was a nice validation of all the hard work I've put into this project.

www.mikebrewermotors.com
Account Manager App screenshot 1
portfolio spacer
Account Manager App screenshot 2
portfolio spacer

Evolution Funding

Account Manager App

I designed and built an app for account managers in Evolution Funding to access and record dealer information.

Due to the amount of interactivity required by the app, ReactJS was used to help manage these in an efficient and structured way.

EVOGO screenshot 1
portfolio spacer
EVOGO screenshot 2
portfolio spacer
EVOGO screenshot 3
portfolio spacer

Evolution Funding

EVOGO

One of my favourite projects at Evolution Funding has been the redesign of the EVOGO website.

I was involved at all stages of this project, from mapping out the initial journeys and sitemaps alongside stakeholders, to working closely with designers to translate these into effective, user centred designs.

Next, these designs were built as a single page application using Vue, Vuex and Webpack, which gave the website a fluidity and responsiveness that would lead to increased customer conversions.

www.evogo.co.uk
Application Form A/B Test screenshot 1
portfolio spacer

Evolution Funding

Application Form A/B Test

I redesigned one of Evolution Funding’s main car credit application forms from a mobile-first perspective, as nearly 70% of traffic was coming from smaller screens, and the existing form wasn’t nearly as optimised as it could have been.

An A/B Test was then ran to record how the new form performed against the old. Overall, the new form shaved just over a minute off the average completion time and conversion was increased by nearly 25%. A big win.

A/B Testing and MVT screenshot 1
portfolio spacer
A/B Testing and MVT screenshot 2
portfolio spacer
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.

Brand Toolkit screenshot 1
portfolio spacer
Brand Toolkit screenshot 2
portfolio spacer
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.

Sandal Magna Community Academy screenshot 1
portfolio spacer
Sandal Magna Community Academy screenshot 2
portfolio spacer
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