Gavin Chapman

Full-stack web development

I have broad experience in designing and building sites from single page microsites, to eCommerce and full CMS systems following modern design and development principles.

Portfolio

The projects I have worked on are many and various. Most of them will include front-end development. 80% of them include back-end development, and a few involve linux server admin. Some are personal projects, and some are commercial ones.

agendr

Time tracking web app for freelancers and small teams.

Status: Demo mode only

URL: http://agendr.gavinchapman.co.uk

Gavin Chapman

Web portfolio and resumé built using twitter bootstrap, html5, css.

Status: Retired

URL: https://gavinchapman.co.uk/old/

onSMART

Car club and forum based on Wordpress and phpBB3.

Status: Live

URL: http://onsmart.co.uk

HP Converged Infrastructure

Pages and microsites built to corporate design guidelines.

Status: Live

URL: http://www.hp.com/go/ci

Chapman Photography

Photography portfolio site.

Status: Live

URL: https://www.gavinchapman.co.uk/photography/

HP Networking

New site build on web standards using ASP.net server to corporate guidelines.

Status: Retired - Archive.org

URL: http://bit.ly/12xaOK3

H3C Networking

New site built on web standards using Teamsite web publishing server to corporate guidelines.

Status: Retired - No live site available

URL: http://www.h3cnetworks.com

3Com

Pages and microsites build on Teamsite CMS or static pages to corporate guidelines.

Status: Retired - Archive.org

URL: http://bit.ly/YPhAlS

Angela Caley

Built on ModX CMS with a custom designed template to XHTML speficiation.

Status: Live

URL: http://www.angelacaley.co.uk/

Fudgesmart

Built on ModX CMS with a custom designed template to XHTML speficiation.

Status: Retired - No live version available.

URL: http://www.fudgesmart.co.uk/

Pace Worldwide

eCommerce site with custom CMS built on ASP and SQL Server.

Status: Retired - Archive.org

URL: http://bit.ly/10cC6A5

Hampton Antiques

eCommerce site with custom built CMS on PHP and MySQL.

Status: Retired - Archive.org

URL: http://bit.ly/ZhxIRr

Steffans

eCommerce site with custom built CMS on PHP and MySQL.

Status: Retired - Archive.org

URL: http://bit.ly/Z2jkur

Curriculum Vitae

For most of my career I have been a full-time permanent employee. There has been contract work, and there was a time - many years ago - that I became a freelancer.

Personal Skills

  • Front-end development - 14 years experience
    Building websites and web applications  in HTML, CSS and Javascript, utilising traditional coding as well as javascript frameworks such as mootools, jQuery and rapid application development frameworks such as Bootstrap to produce interactive, responsive websites.

  • Back-end development - 10 years experience
    I have PHP, ASP and ASP.net experience. Utilised for building a variety of database driven applications. Database experience includes MySQL for linux and SQL Server for Windows. Usage of XML in order to interact with Javascript, more recently using JSON objects from PHP/ASP to jQuery.

  • Site Architecture & UX - 9 years experience
    Developing the underlying information architecture of websites, databases, and interactive user experience elements including navigation, calls to action, etc.

  • Adobe Creative Suite - 14 years experience
    Use to produce graphics and layouts for websites, coding in PHP and e-commerce applications.

  • Web Server Admin - 6 years experience
    Installing and creating web servers to design briefs using various linux distributions both on Virtual Private Servers, Cloud servers and dedicated hosts. Experience in both Nginx and Apache web servers and various Linux distributions.

Experience

Hewlett Packard - Milton Keynes

  • Web Strategist, Feb 2012 to Present
    Development and maintenance of various business unit’s site using front-end HTML, CSS and Javascript, including jQuery and mootools javascript libraries. Liaising with vendors and clients for site assets and content. Creating analytics reports for business units. Managing new projects and maintaining older pages in accordance with corporate guidelines. Building internal tools in PHP/MySQL.

  • Social Media Manager, Sept 2011 to Feb 2012
    Building of social media presence for Converged Infrastructure. Building and promoting facebook and twitter accounts. Liaising with web development team for inclusion of social media aspects into web pages. Google AdSense programme management and analytics. Reporting on trade shows using social media channels.

  • Web Development Manager, July 2010 to Sept 2010
    Design and build of new Networking solutions section for Hewlett Packard within current web guidelines using front-end HTML, CSS, Javascript and jQuery alongside back-end ASP.net. Supporting updates and creation of 12 local language sites for EMEA using front-end skills and adobe creative suite. Content creation including banners, pages. Building internal tools in PHP/MySQL.

3Com - Hemel Hempstead

  • Web Developer, Nov 2007 to July 2010
    Supporting updates and creation of 12 local language sites for EMEA using front-end XHTML, CSS and Javascript. Content creation including banners, pages in Adobe CS software. Creation of PHP/MySQL email tracking tool to track open and click through rates of email campaigns. Creation of various internal PHP/MySQL internal and promotional tools. Partial overseeing of website redesign and development. Email campaign support including HTML newsletter creation and tracking.

Steria Ltd - Hemel Hempstead

  • Web Developer (Contract), Sept 2006 to Nov 2007
    Supporting the National Probation Service Intranet using OpenText LiveLink as well as day to day development of new applications, infrastructure and installation of new web and database servers running Windows Server into a secured environment. Working within a secured change managed environment writing reports and change request documentation.

Engine Creative - Northampton

  • Lead Web Developer, Jan 2005 to Sept 2006
    Developing content managed websites for high quality, high bandwidth websites utilising both front-end and back-end skills. Maintenance of linux and windows web servers, as well as office LAN servers and office LAN infrastructure, switches and routers.


Earlier positions available on request.

About this Site

The technology this site was built with, and how I built it.

The Brief

I challenged myself to build a modern, mobile friendly, responsive site from scratch, without any additional frameworks (bootstrap, etc) and with the minimum of javascript and jQuery.

The Audience

My target audience is skilled IT literate users with a background of web development or software engineering.

The site

This site was designed and built in HTML5, CSS3, and uses the jQuery javascript library. Initial wireframing was done directly in HTML to create blocks of text and areas where photographs and images would go. The HTML was then saved out as a PHP file in order to bring in XML driven elements and to process images on the back-end. Each portfolio image is run through a thumbnail image script which saves out a cached image so processing is only done once, unless the image is updated.

The site uses some flex-box layouts in the portfolio, and the more modern and easier to use border-box model. It is designed to degrade gracefully on older browsers. Though the layout may not look as nice, it will still be useable.

My Links