Adrian Bateman BSc Honours (Open) Website Developer Building responsive web applications since 2012

Work

Senior Web Developer

Dreams Ltd

Dreams.co.uk

  • HTML
  • AMP
  • CSS
  • SCSS
  • LESS
  • JavaScript
  • Vue.js
  • jQuery
  • Jest
  • Java
  • PHP
  • Node.js
  • webpack
  • MSSQL

Joining to assist with the migration of the site from Majento over to SAP Hybris. Whilst here I have been actively involved in and instrumental in key decision making process. With our Service Integrators, we successfully launched our new website in 2018, with excellent success.

Screenshot of website - dreams.co.uk

Vue.js

vuejs.org

The original frontend for Dreams was written using Bootstrap 3 and jQuery. This was causing page loading times to be too high for our visitors. The decision was made to rewrite the front end using Vue.js. We have been rewriting the front end to improve speed and stability. Unit testing with Jest and Storybook were introduced, playing a key role in improving overall coding standards.

In-house benchmarking tool

Node.js

With the introduction of Google's Core Web Vitals, site speed became a higher priority for the business. To assist in communicating this importance, an internal site was created. This allows everyone to monitor and find issues with the site's speed.

Using Node.js on a dedicated internal server, we are able to limit as many variables as possible to gain accurate measurements. The results are stored in a MS SQL database and retrieved with a web front end.

AMP

Dreams.co.uk/amp/beds

Developed in PHP, the aim of this project is to recreate key landing pages using Google's HTML framework. This improves core metrics, including site loading times.

Private Commission

Moose-Artist

Moose-Artist.co.uk

  • HTML
  • CSS
  • SCSS
  • JavaScript
  • PHP
  • webpack

A bespoke website to showcase the artist's work. Written in PHP with a sprinkle of JavaScript and CSS.

Speed is crucial along with displaying the artwork appropriately. This is achieved using the newer image compression format, WebP, with a fallback for older browsers that do not support WebP.

Screenshot of website - moose-artist.co.uk

Web Developer, Web Designer

Websites By Lime

WebsitesByLime.co.uk

  • HTML
  • CSS
  • LESS
  • JavaScript
  • Bootstrap
  • jQuery
  • PHP

Creating, maintaining and developing websites either bespoke or using existing templates as per customer requests. Develop for Mobile first using Bootstrap. Create and import Domains. Set-up Email addresses. Ensure images are mobile friendly. Creating and altering designs based on conversing with customers.

Screenshot of website - websites-by-lime

Clapham Holme Farm ClaphamHolmeFarm.co.uk

This site was based on a template which has been heavily modified. Added custom Bootstrap controls to separate the different galleries and show or hide to suit. A bespoke image thumbnail generator. Improved page loading times.

Screenshot of website - Clapham Holme Farm

Town and Country Landscapes TownAndCountryLandscapes.co.uk

Based on a simple design, this one has a custom image fader to showcase some of his work before and after.

Screenshot of website - Town and Country Landscapes

James Thorpe Bespoke Carpentry JamesThorpeCarpentry.co.uk

This customer had a very specific look in mind. He wanted to show case his work as the background. The effect was created using CSS3 animations. We went through numerous iterations to arrive at the final look including changing the text background and positions.

Screenshot of website - James Thorpe Carpentry