Mark Bailey
* Please note that the use of assets from the shown content has explicit permission from the making websites better director. My work on this is on the development of this website.
Mark Bailey Consulting needed a clear, modern website that presented their services with confidence and supported their positioning as a specialist in family business growth. The goal wasn’t complexity but it was clarity. The build focused on delivering a strong, reliable WordPress site with bold colour use, crisp typography, and an interface that feels trustworthy and easy to navigate.
The site was developed using WordPress, Timber/Twig, Tailwind CSS, vanilla JavaScript, AlpineJS, ACF, and Gravity Forms.
Mark Bailey Consulting needed a clear, modern website that presented their services with confidence and supported their positioning as a specialist in family business growth. The goal wasn’t complexity but it was clarity. The build focused on delivering a strong, reliable WordPress site with bold colour use, crisp typography, and an interface that feels trustworthy and easy to navigate.
The site was developed using WordPress, Timber/Twig, Tailwind CSS, vanilla JavaScript, AlpineJS, ACF, and Gravity Forms.
WordPress Idle
Tailwind Idle
PHP Idle
TwigLang Idle
Webpack Idle
LocalWP Idle
BugHerd Idle
HTML Idle
Approach
The design provided a strong visual identity, so the technical approach centred on making it feel consistent and dependable across devices. The navigation system was built dynamically, adapting its colours and styling as the user moves between light and dark sections. This gives each page a polished, intentional feel without introducing unnecessary weight.
Lean
The development strategy kept everything lean, page structures were assembled through Timber/Twig templates, content blocks were controlled with ACF, and AlpineJS managed the interactive elements.
The aim was to build something robust, adaptable, and easy for the client to update without touching code.
The aim was to build something robust, adaptable, and easy for the client to update without touching code.
Website Development
Although the site is simple, the details give it substance. The colour transitions are smooth, the navigation responds to its environment, and page sections load cleanly with subtle micro-interactions handled through vanilla JS and AlpineJS.
The layout uses Tailwind CSS for a precise and responsive structure, ensuring the content remains readable and visually strong on all screen sizes.
The layout uses Tailwind CSS for a precise and responsive structure, ensuring the content remains readable and visually strong on all screen sizes.
Navigation 
Footer CTA Performant
The build is lightweight and fast. Tailwind keeps the CSS footprint small, and the JavaScript is deliberately minimal, only what’s needed to support interaction.
Images and assets were optimised for speed, and the template structure keeps everything consistent across the site.
Images and assets were optimised for speed, and the template structure keeps everything consistent across the site.
