Quadvice
* 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.
Quadvice is a financial-advice service aimed at connecting UK clients with regulated financial advisers. The goal was to build a website that clearly communicates their service offering and maximises conversion guiding prospective clients through a clean, trustworthy journey to “Schedule a call.” I developed the site using WordPress (with Timber/Twig), vanilla JavaScript, AlpineJS, ACF, and Gravity Forms to deliver a robust, flexible platform tailored to lead generation.
Quadvice is a financial-advice service aimed at connecting UK clients with regulated financial advisers. The goal was to build a website that clearly communicates their service offering and maximises conversion guiding prospective clients through a clean, trustworthy journey to “Schedule a call.” I developed the site using WordPress (with Timber/Twig), vanilla JavaScript, AlpineJS, ACF, and Gravity Forms to deliver a robust, flexible platform tailored to lead generation.
WordPress
Now
CSS / SCSS
Now
JavaScript
Idle
Tailwind
Idle
PHP
Idle
TwigLang
Idle
Webpack
Idle
GitHub
Idle
LocalWP
Idle
Gravity Forms
Idle
Google Tag Manager
Idle
HTML
Idle
Gutenberg
The site is built on WordPress, using Timber/Twig and ACF (Advanced Custom Fields) and utilizing the Gutenberg editor to manage dynamic content.
Editable
This gives Quadvice the ability to edit content, services, copy and assets without touching code which is essential for a service-based business that may need to update details regularly.
Interactive Lead Flow
A custom multi-step lead form was created using Gravity Forms, integrated with vanilla JS / AlpineJS to manage transitions between steps.
Each step aligns with a “slide” in a custom slider, as the user progresses, the slider advances to reveal more information and context, reinforcing trust before they commit to submitting contact details. This alignment of form-step and visual slide helps keep users engaged and reduces drop-off.
Each step aligns with a “slide” in a custom slider, as the user progresses, the slider advances to reveal more information and context, reinforcing trust before they commit to submitting contact details. This alignment of form-step and visual slide helps keep users engaged and reduces drop-off.
Performant
The page hierarchy, copy placement, and CTAs are optimised for conversions. Clear headings, service explanation, value propositions, and repeated but unobtrusive CTAs guide users toward scheduling a call.
The build also emphasises speed and responsiveness. Lightweight JS, efficient templating, and performance-minded asset loading ensure that users on desktop or mobile experience a fast, smooth interaction.
The build also emphasises speed and responsiveness. Lightweight JS, efficient templating, and performance-minded asset loading ensure that users on desktop or mobile experience a fast, smooth interaction.
