Overview
QGate is a software company and Microsoft partner whose website covers product information, resources and lead-generation journeys across more than 70 core pages and a blog. I designed the new site in Figma and rebuilt it around a headless WordPress architecture, keeping WordPress familiar for content editors while giving the public site a faster, more flexible frontend.
Architecture
I built the frontend with Eleventy and Nunjucks, consuming WordPress content through the REST API at build time and deploying the static site to Netlify. Because visitors are served pre-built pages, the public site no longer depends on WordPress being fast or available, and templates can change without touching the CMS.
Editor Experience
A headless CMS normally leaves editors without a faithful preview of the public site. To solve that, I designed and built a bespoke WordPress block theme and component library that mirrored the frontend. A team of four to five editors could build pages from reusable blocks and see an accurate representation before publishing.
Implementation
I handled the content migration, page templates, SEO metadata, an XML sitemap covering 228 URLs and CRM-connected forms. I designed every form state, not just the default, including business email validation, loading, success and error messages, and a fallback if the CRM service is unavailable. Interactive components such as the mobile navigation and accordions expose their state with aria-expanded, and the mobile menu can be closed with the Escape key.
Collaboration & Outcome
I worked directly with the marketing team throughout, delivering the site in staged releases so the most valuable improvements shipped first and blockers surfaced early. Since launch, the marketing and SEO team has used the platform to publish far more content, and both traffic and inbound leads have risen with it.