Portfolio

An overview of some of my design and development work plus a look into my side projects.

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
EvoCSS & EvoToolkit screenshot 1
portfolio spacer
EvoCSS & EvoToolkit screenshot 2
portfolio spacer

Evolution Funding

EvoCSS & EvoToolkit

I created a SASS framework called EvoCSS to serve as a solid architectural foundation to build project styles. This incorporates many popular methodologies such as OOCSS, BEM & ITCSS to make the CSS scalable and maintainable.

I also created EvoToolkit, which is a user interface library for developers who require ready-made, reusable UI components which they can easily drop into their projects.

These components can be viewed at the pattern library below, which is a data-driven static site generated by Gulp and Nunjucks.

toolkit.evolutionfunding.com
Mike Brewer Motors screenshot 1
portfolio spacer
Mike Brewer Motors screenshot 2
portfolio spacer
Mike Brewer Motors screenshot 3
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 all of its front-end codebase and Gulp-driven build system.

At the 2018 Autotrader Retailer Awards, the website 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
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.