Project details

Jeyll, Foundation, Gulp, Netlify
Visit Site

Coded Internets longest standing client, Chase Podiatry & Chiropody recently requested an update to their old website initially create in 2013. This latest Chase Podiatry & Chiropody website is designed to reduce the cost and time spent maintaining the website, whilst keeping it simple to add and maintain content.

There was no specific brief for this project, so it was decided that a static site would be the preferred technology for this site. Jekyll was chosen as the site generator, with the Foundation CSS framework providing UI components. These two were combined with custom Gulp build script that was responsible for collecting the various SCSS and JavaScript components into minimal files that can be effectively cached by browsers.

The site features cosmetic parallax background images to break up the copy text into more manageable sections. The parallax effect gives the otherwise flat site some depth and keeps the pages visually interesting.

Building on the reputation developed from the previous website, the latest site performs well on search engine, often coming top for the terms it is targeting despite increasing competition. Optimisation focuses on providing high quality informative content, saving time on the traditional targeted optimisation in favour of a more natural approach. This has proven highly successful with organic traffic rising substantially since launch.

This marked the first website hosted by Coded Internet using the Netlify platform, providing CDN accelerated hosting with automatic free HTTPS support, deploy previews and split traffic testing. The site content is stored in a GitHub Repository and deploys are automatic when the site is pushed. By utilising the GitHub online editor, this allows business owners to update the site without deploying it to production, then administrators can merge the branch to make the site live. htmltest is used to verify the site contents before the deploy is allowed to go live.

The true test for this website came when shortly after launch it was noticed that an inconsistent logo had been used in digital media compared with the printed signage in the practice. Switching this proved a trivial exercise, simply committing and pushing the new logo to git. Netlify and Gulp took care of the rest, and the new logo was live in under a minute.