Andrew Potter approached me through one of my previous clients, looking to establish an online presence for his Arboricultural business "Potter Tree Consultancy". Previously all of his new customers came through word-of-mouth and through associations he was member of.
The primary goal of the website was to demonstrate his work and detail his services to those who already knew of the company, and do so more accessibly than his previous processes.
I worked with web and UX designer Natassia Woodger to design the site. Following Natassia's advice, we went for an extremely bold design to stand out within an industry of fairly bland design.
It was important to Andrew that he was able to edit the website himself. He didn't anticipate doing so often, but wanted a website that he could run himself, updating content when needed and not having to have an ongoing developer contract.
This made the combination of a protected WordPress (with ACF) installation for content management, and a statically-generated site distributed on a CDN perfect for security and performance reasons. The disadvantage of this method was a build time after content updates—but Andrew accepted this compromise as he didn't intend to update content often. The choice of WordPress also had the upsides of being extremely quick to build and the extnesive documentation available for him to edit.
Gridsome was fairly new at the inception of this project, but I had experimented with it a little and really liked the way it combined the Gatsby-style GraphQL content population with Vue's seperation of concerns. Features like Gridsome's client-side routing, in-built image processing and Vue's large plugin ecosystem convinced me it would be a good stack for this project and allow me to develop extremely quickly.
I really enjoyed developing this project, partly due to the great development experience of headless WordPress, Gridsome, and Vue. It was mostly however due to the stunning design produced by Natassia, and how it made for some interesting challenges in implementation.
The high contrast, mixture of full-width and contained elements, and brilliant "tree dividers" make for one of the most visually striking websites I have produced.
As I was working with a technology fairly new to me—Gridsome—there were obviously some challenges in development as I learned how best to use it. As a fairly young project also, I needed to develop a few Gridsome plugins myself to implement the functionality, and I thank the great community for help with that. Although I won't yet be using Gridsome on one of my bigger projects I am excited for it's continued development and maturing.
The website has been very successful in providing information to potential customers. It has generated major enquiries for the business from new customers, and also been very useful to Andrew in supporting his traditional methods of gaining new customers.