←  Selected work
Case study — redesign, WordPress rebuild & content systems

A cleaner, faster foundation for a technical certification business.

EngineCert’s existing site mixed WPBakery pages with newer native WordPress structures, making the frontend slow to change and difficult to keep consistent. The rebuild translates a complete wireframe into a block-native system, gives repeated service content a single source of truth and carries legacy Industry News into a structure designed for continued publishing.

Client
ECO, Inc. — vehicle certification and regulatory-compliance consultancy
Role
Full-stack WordPress rebuild and technical implementation, delivered white-label
Stack
GeneratePress, GenerateBlocks, custom PHP, ACF and n8n
Stage
Staging build and pre-launch QA; final launch work remains in progress
Before / after

From a mixed frontend to one visual and content system.

The new direction does more than change the palette. Page structure, service content, navigation and editorial components now share a consistent set of patterns that can be reused instead of reconstructed page by page.

Full previous ECO homepage scaled to fit without cropping
Before Full page · scaled to fit
Full rebuilt ECO staging homepage scaled to fit without cropping
After Full page · scaled to fit
The problem

Two frontend generations were sharing one website.

The existing site had grown across WPBakery and more recent native WordPress work. The result was not one editable system but overlapping structures, inconsistent presentation and a growing number of content and frontend errors.

A full wireframe defined the new information architecture: core company pages, approximately twenty service and subservice pages, fourteen homepage service cards and a dedicated Industry News section. The aesthetic had to align with a newer sibling site without copying its implementation constraints.

The news archive added migration risk. Legacy articles under /news/ could carry search value, so the rebuild needed a deliberate path into /industry-news/, including redirects and a structure that supports future editorial automation.

Sector
Engine, vehicle and powertrain certification and emissions compliance
Was
WordPress with mixed WPBakery and native page structures
Content
Core pages, service hierarchy and a legacy technical-news archive
Goal
A coherent, maintainable and performance-conscious publishing foundation
What changed

Four systems replaced page-by-page maintenance.

01

One block-native frontend

The wireframe was rebuilt with GeneratePress, GenerateBlocks and a focused custom theme layer. Reusable typography, spacing, buttons, cards, headers and content sections replace the former mix of builder output and one-off markup.

02

Service content managed once

The fourteen primary service cards are modelled as structured content rather than copied homepage blocks. Thumbnails, descriptions and related page data can be updated centrally and reused across service grids and individual destinations.

03

Industry News became a real publishing section

Legacy material is mapped into a dedicated news structure with categories, archives, author presentation, related-article components and planned 301 redirects from old URLs. The migration protects useful content without preserving the old frontend.

04

Automation stops at editorial approval

n8n collects newsletter messages from a dedicated Gmail intake, parses each item, sends the prepared context to Claude and routes the result either to the Industry News post type or to an error-notification path. Publication remains a deliberate decision for the EngineCert team.

Editorial system

Industry News became a product surface. n8n became the preparation layer.

The legacy archive was not simply moved into a new template. It became a focused destination for regulatory analysis, categories, search, industry events and frequently asked questions — all assembled from reusable publishing components.

Full ECO Industry News staging page with five selected FAQs and no client-logo section, scaled to fit without cropping
Industry News Full page · five selected FAQs

The page brings regulatory updates, research, events and reference material into one structured publishing surface. Taxonomies, query loops and shared cards let new material enter the system without rebuilding the page around every article.

Behind it, a published n8n workflow turns a newsletter inbox into a controlled preparation queue. A Gmail trigger collects messages, a loop handles them one at a time, and dedicated parsing steps extract the useful newsletter content before an AI request is assembled.

Claude returns the contextualised material, which is parsed and checked before n8n sends a structured item to the custom WordPress carb-news endpoint. Failed AI parsing follows a separate Gmail notification branch, so an exception does not disappear silently inside the automation.

The boundary is deliberate: n8n prepares; the EngineCert team decides. Generated content remains unpublished until a reviewer checks the source, technical framing and relevance, then chooses publish or discard. Final payload handling, permissions and failure behaviour remain part of the pre-launch audit.

The build

A rebuild from the wireframe, not a reskin of the old pages.

The site was developed locally, versioned in a private repository and moved through a staging approval process. That kept the live site available while templates, content models and migration rules were tested as a complete system.

GeneratePress supplies the lean theme foundation; GenerateBlocks composes the page and query-loop structures; a custom child theme carries the visual system. A custom functionality plugin owns service and Industry News behaviour that should not be coupled to presentation.

ACF fields keep repeated metadata editable, including service descriptors and author profiles. Shared card components support both services and related news, while the pre-launch pass will check migrated content, redirects, brand consistency and responsive behaviour before the production switch.

Theme
GeneratePress + custom child theme and SCSS component layer
Blocks
GenerateBlocks page structures, templates and query loops
Content
Custom post types, taxonomies and ACF-managed metadata
Automation
Gmail intake, n8n orchestration, Claude contextualisation, WordPress REST delivery, error alerts and a human publication gate
SEO
Structured migration, redirects and preserved editorial URLs where appropriate
Delivery
Local development, private Git repository, staging and launch QA
Engineering decisions

The foundation was designed for the next edit, not just launch day.

Content model

Centralise what regulations can change

Service labels and descriptions can become outdated. Structured records let the team update that information once instead of finding every copied card.

Editorial safety

Automate preparation, not accountability

The content pipeline can collect and contextualise source material, but publication still requires a deliberate human decision from the EngineCert team.

Migration

Move URLs with a map, not by accident

Legacy news and renamed services are handled as migration decisions with explicit destinations and redirects, rather than cleanup performed after launch.

Next

Is your website carrying two generations of frontend decisions?

A rebuild is the opportunity to resolve the content model, editing workflow, performance foundation and migration plan together — before another layer is added.