Building a High-Performance Heavy Machinery Marketplace
The Challenge
Blade Access needed a premium, highly structured way to showcase their used heavy machinery inventory. Standard WordPress configurations and basic eCommerce templates were too clunky, slow, and visually unappealing for high-ticket B2B sales.
The client required a bespoke system where the sales team could rapidly input complex, repetitive machine specifications (e.g., Working Height, Safe Working Load, PTO Hours, Chassis Services) without worrying about frontend formatting. Furthermore, the user-facing site needed to feel like a modern, lightning-fast application featuring instant inventory filtering, high-end interactive galleries, and a frictionless, context-aware enquiry system that securely passed specific machine data straight to the sales team.
The Solution
1. Backend Data Architecture
I engineered a custom used_machine Post Type heavily integrated with Advanced Custom Fields (ACF Pro). To solve the client's data-entry bottleneck, I replaced traditional, error-prone repeater fields with strictly mapped ACF Groups (e.g., "Machine History"). This enforced data consistency and allowed the sales team to simply fill in blanks for pre-defined labels, cutting data entry time in half.
2. Premium Frontend & Scoped Tailwind CSS
I developed bespoke PHP templates (archive-used_machine.php, single-used_machine.php, and template-enquiry.php). To ensure pixel-perfect adherence to the provided Figma designs without conflicting with the existing WordPress theme, I implemented scoped Tailwind CSS via a custom configuration. This allowed for precise UI elements, such as exact 18px/20px paddings, specific hex borders (#EDF1F5), and custom CSS clip-paths for pentagonal numbering badges.
3. Dynamic Lead Generation & Data Sanitization
I built a dynamic enquiry flow that securely parses the machine_id via URL parameters, auto-populating machine data (like Stock Reference and Title) directly into the form context. I implemented rigorous data sanitization to ensure values displayed perfectly on the frontend, regardless of how they were typed in the backend.
PHP
// Secure Data Extraction & Sanitization
$m_title = $machine_post ? get_the_title($m_id) : 'Machine Not Selected';
$m_brand = $m_id ? get_field('machine_brand', $m_id) : 'BRAND';
// Clean height and safely append metric units
$raw_height = $m_id ? get_field('height_badge', $m_id) : '';
$m_height = $raw_height ? trim(str_ireplace('m', '', $raw_height)) . 'm' : 'N/A';
// Fetch specific nested data from ACF Groups
$history_group = $m_id ? get_field('history_details_group', $m_id) : null;
$m_stock_ref = (!empty($history_group['stock_reference'])) ? $history_group['stock_reference'] : 'TBC';
4. Laravel-Style HTML Email Notifications
To complete the premium experience, I bypassed standard plain-text WordPress emails and engineered a custom, responsive HTML email template using inline styling. When an enquiry is submitted, it arrives in the sales team's inbox looking like a modern application notification, complete with branded headers, clearly tabulated customer details, and the exact stock reference quoted.
The Impact
"Delivered a lightning-fast, zero-reload filtering experience on the archive page and a highly premium single-machine showcase. Data entry time for the sales team was drastically reduced thanks to the pre-mapped ACF groups. The custom HTML email integration immediately improved lead tracking, providing the Blade Access sales team with precise stock references and customer requirements in a beautiful, structured format."
"The new used machinery section is exactly what we needed. The attention to detail in translating the Figma designs to the live site is spot on, and the custom backend setup is incredibly easy for our team to use. The dynamic HTML email notifications look incredibly professional and give us all the context we need to close sales."