Custom theme from Figma
I converted Figma designs into a responsive, pixel-perfect WordPress theme using modern CSS, Flexbox, Grid and SCSS, with sliders, project galleries, popups, jump navigation and interactive service components.
Case study
VMG Studios: a custom WordPress site built to perform
A custom WordPress theme and landing pages built from Figma designs for a video and animation agency, with flexible content the team can edit easily and pages that stay fast despite heavy video.
The client
VMG Studios is a creative agency producing video, animation and design for enterprise brands. Its website has to show off rich media work while staying fast and easy for the team to update.
The challenge
The team needed its designs turned into a WordPress site and landing pages they could update without a developer, with large videos and project galleries that didn’t slow pages down, and releases that never put live content at risk.
My role
I worked closely with the designers, marketing team and stakeholders on end-to-end WordPress engineering, CMS architecture, front-end development, performance, deployments and ongoing technical support.
What I did
The work, step by step.
Landing pages
I built landing pages from the same flexible components, so the team can launch new campaign and service pages quickly while keeping the design consistent.
A flexible CMS
Reusable ACF Flexible Content blocks for heroes, services, testimonials, galleries, video, calls to action and project links let the team build and edit pages themselves. Legacy templates were refactored into modular, maintainable components.
Fast, video-rich pages
Lighthouse and DevTools audits guided the work: less render-blocking CSS and JavaScript, lazy and deferred loading, WebP images, and Vimeo and YouTube videos that load only when needed, with poster images.
Safe deployments
Staging and production on SiteGround, with deployments planned to preserve content and minimise downtime. I also planned a DNS migration that kept Microsoft 365, HubSpot, VPN and email authentication working.
Tracking and SEO
Cleaner semantic HTML, heading structure and accessibility, plus fixes for HubSpot, LinkedIn, Microsoft Ads and Google Ads tracking, with attention to cookie consent and GDPR.
Handover
Cross-browser testing across Chrome, Safari, Firefox, Edge and mobile, with documentation and walkthrough videos so the team can manage the site independently.
The result
What the client gained.
Easy editing
The team builds and updates pages without touching code.
Faster pages
Optimised loading for a video-heavy, image-rich design.
Quick launches
New landing pages built from ready-made blocks.
Safe releases
Deployments that protect live content.
Accurate tracking
Marketing tags verified and working together.
Independent team
Documentation and videos for day-to-day management.
Related services
Have a project in mind?
Tell us what you need. We usually reply within one business day.
Start a project