Commercial Portfolio

Here is my commercial portfolio! This is a list of some of the web development projects I worked on at my 2 years in a web agency. We also had other sites which I either reworked which were built by external developers or sites which I worked on as a maintainer however these were some of our main in house built Wordpress sites.

Frank Water

Frank Water

A solo built Wordpress E-commerce website.

This was my biggest project whilst working at an agency with a huge responsibility on a short timescale with constant changing requirements which all added extra challenges to the project mid build. In this project I turned what was more of a print design than a web design into code. I used HTML, PHP, Javascript, VueJS and SCSS. Woocommerce was used for the E-commerce side of the site. This website had some of the most challenging scss I have experienced, with lots of pseudo water droplet elements and background elements in different variations across different pages. VueJS was used for the blog feed and the filters. Filters were based on custom post types after originally being requested to be built using categories - this mean a huge rebuild of all feed sections and even some carousel blocks in just a couple of days. Whilst I wish the project could have been smoother from a project planning and communication perspective it is one of my proudest pieces of work.

Go to Frank Water
Bristol Carpet and Flooring

Bristol Carpet and Flooring

I worked on this project with one other developer and this was built using a component based structure which kept the code more organised and pleasant to work with. I built quite a few of the blocks on the site including the contact form using gravity forms and a gravity forms mixin which I developed to make styling an entire gravity forms cross browser and cross device take minutes instead of potentially days. I also solely built carpet pages on the E-commerce side which includes the colour picker filter. This page can be found here

Go to BCFG
Bristol Creative Industries

Bristol Creative Industries

One of my earlier web development projects. Whilst I contributed to a lot of this website, one of my bigger contributions was for a section of the members area where students could showcase their videos of short films they had made at university. This had search functionality, category filters and inbuilt video play for YouTube and Vimeo. Unfortunately this can only be accessed by members so even I cannot access this to show a screenshot of how it looks and works.

Go to BCI
Turn the Tables

Turn the Tables

My first solo front end build of a website before I learnt PHP and backend development. This had a video animated header as well which required me to also generate the header using an Adobe After Effects which used the Lottie and Bodymovin plugins

Go to TTT
Imaginatal

Imaginatal

One of the big challenges for this website was to get the text-image blocks with heart backgrounds to recognise if there was another text-image block above or below itself to control padding and heart positioning on the site.

Go to Imaginatal
World Wide Roar

World Wide Roar

This website was worked on with two other developers

Go to WWR
Accoya

Accoya

One of our biggest web development projects

Go to Accoya
UK Lintels

UK Lintels

My first E-commerce website - working with one other developer on the entire site

Go to UK Lintels