At Plug & Play I was tasked with developing the new website for the Harley Street Clinic.

I was the sole developer and had a very client facing role. Initially I spent some time getting to know what it was they were looking to get out of their new website. I worked closely with the third party designer planning what could be achieved within our time scale and budget, along with optimising the user’s journey throughout.

Approach

The content would be regularly changed and updated, with designs being added and removed on a near daily basis. It became clear that the traditional “waterfall” process of: design, development, quality assurance, go live, wouldn’t cut it as we’d have to continually repeat this process as new requirements came in.

I decided that a better approach would be to build a “toolbox” that the site admins could then use to build any number of pages or entirely new designs.

In order to achieve this I broke the designs down into modular components that could then “clicked” together to form pages. If the client wanted a page were the contact form was at the top followed by some social icons they could do it with no designer or developer input. If they wanted something additional outside of the designs provided then extra components could then be added to the “toolbox”.

Architecture

WordPress was used as the base CMS, along with JavaScript/jQuery for behavioural functionality, SCSS for styling and animations, along with the Bootstrap framework. All tied together with Grunt making for a smooth, streamlined workflow that could optimise assets, minify code among other useful things that were achieved automatically.

Result

The client was extremely happy with this approach and the freedom it gave them. Since the project’s closure I have given presentations on this approach to module development and my workflow, it has since been adopted as standard practice by Plug & Play.

View website