Skip to main content
Figma Design, WordPress Build & Custom Functionality
Back to Work
Maintenance & UpdatesSpeed OptimizationWeb DevelopmentDesign

Figma Design, WordPress Build & Custom Functionality

End-to-end project from Figma design through to WordPress implementation, with custom functionality development, bug fixes, styling refinements, and performance optimisation.

Client

MKG Plus

Year

2020

Services

Maintenance & Updates, Speed Optimization, Web Development, Design

Stack

WordPress, PHP, MySQL, Figma

Figma Design, WordPress Build & Custom Functionality — desktop view
Figma Design, WordPress Build & Custom Functionality — mobile view
01 — Challenge

The Problem

The client needed a fully designed and built WordPress site that went beyond a standard template — several pages required custom functionality that did not exist out of the box. The project also inherited bugs and styling inconsistencies that needed resolving, and load times had to be brought down to meet performance expectations.

02 — Solution

My Approach

Designed the full site in Figma before moving into development, ensuring all layouts and interactions were agreed upon before a single line of code was written. Implemented the design into a WordPress template and developed custom functionality across multiple pages to meet the client's specific requirements. Worked through all outstanding bugs and applied targeted styling fixes to achieve visual consistency. Completed the project with a thorough performance optimisation pass — caching, asset minification, and image compression — to deliver fast load times.

03 — Results

The Impact

Built

Custom Features

Optimised

Load Time

Resolved

Bugs

Technologies
WordPressPHPMySQLFigma

Next Project

Optimuseo

Design, WooCommerce Build & Migration