Mida Civils

Bespoke WordPress site created for civil engineering company, using the Gutenberg block editor.

Summary of the brief

Working alongside an agency, I created a fully-bespoke WordPress site, combining a strong & consistent visual identity with maximum flexibility for editors. Assets were supplied in the form of Sketch visuals and the WordPress website was created from scratch.

  • WordPress CMS
  • Gutenberg Development
  • Custom Theme Development
  • Modular HTML & SASS
  • Vanilla JavaScript

Skills used


I used the WordPress CMS to allow editors to insert or remove any module whenever they wanted, based on user needs. In this regard, the old approach of using the WordPress template hierarchy to create a set of rigid templates, which are then rolled out across the site, was insufficient.

With this in mind, I created a set of Gutenberg Blocks using PHP & JavaScript which can be selected from their own section in the Gutenberg Editor. If one of these blocks no longer served a user need, they could be removed immediately and replaced. With a templated approach this would not have been possible.

Mida Civils Screenshot


A fully-bespoke WordPress site which combines a strong & consistent visual identity with maximum flexibility for content editors.

Mida Civils Website