Bunyan Contracting

A construction studio that looks as solid as it builds.

Inside the product

Screenshots

Bunyan Contracting homepage with the headline Built to outlast — Home — an editorial hero with the studio's proof points in the first screen.

Bunyan services page listing residential, workplace, hospitality, and industrial work — Services — four sectors, one standard, each with its own detail section.

Bunyan selected projects page with project counts by sector — Selected work — project proof with sector counts and case-study links.

The Fold project case study page with location, year, sector, status, and scope — The Fold — a case study with location, year, sector, status, and scope.

Bunyan contact page with direct lines and a project enquiry form — Contact — direct lines and a project enquiry form in one place.

Bunyan about page with the studio's rules and five-stage process — About — the studio's rules, stages, and point of view.

Overview

Bunyan Contracting is a self-initiated corporate website for a fictional construction studio in New Cairo. The brief was simple: make a contractor look established, specific, and trustworthy — without the stock-photo corporate language that makes so many construction sites forgettable. The result is a seven-page WordPress site with six project case studies, a services structure, a team page, insights, and a contact flow that feels like a real studio.

The challenge

Corporate WordPress sites usually fail in one of two ways: a bought theme with the client's text poured in, or a page-builder experiment that the client can never edit safely. Bunyan had to avoid both. The design needed to feel custom and editorial, while every section had to stay editable by a non-technical team. The content also had to carry the credibility — numbers, process, project facts, named people — instead of decorative claims.

The approach

I started with the content model: services, sectors, project facts, team roles, and the questions a real client asks before hiring a contractor. Then I built a small design system in Elementor — a warm paper palette, one strong orange accent, large editorial type, rules instead of cards, and consistent fact tables. Every page is assembled from reusable sections, so the client can change copy, images, and project details without touching layout. Rank Math handles titles, descriptions, schema, and the sitemap; Fluent Forms powers the enquiry form; OMGF serves fonts locally.

What it does

Seven-page corporate structure: home, about, services, projects, team, insights, contact
Six project case studies with location, year, sector, status, and scope
Reusable Elementor sections the client can edit without breaking layout
Service and sector pages built around how clients actually choose a contractor
Working project enquiry form with Fluent Forms
Rank Math SEO: per-page titles, descriptions, schema, and XML sitemap
Locally hosted fonts via OMGF for speed and privacy
Responsive layouts and a mobile navigation built into the design

Technical notes

WordPress with Elementor
Custom design system built from global colors, type, and reusable sections
PHP and MySQL on shared hosting
Rank Math SEO for metadata, schema, and sitemaps
Fluent Forms for the project enquiry flow
OMGF for local font delivery
No custom plugin lock-in: the site stays editable in the WordPress admin

What I learned

Bunyan made the case for WordPress as a serious corporate tool, not a compromise. The hard part was not the page builder; it was the editorial structure — deciding what a contractor should prove, in what order, and with which numbers. That structure is portable: the same approach works for clinics, law firms, logistics companies, agencies, and any business that needs to look credible before the first call. I can take this pattern into a new corporate niche and rebuild the content model around it.

Next projectWasla2025