Start a project

John Morley & Son

A family roofer whose home page builds a roof, layer by layer.

Visit the site
Sector
Trades
What we did
Design, build
Platform
WordPress
Year
2026

The brief

Show the work, not just a photo of it.

John Morley & Son is a family roofing firm in Woodmancote, Emsworth, covering roof replacements, repairs, flat roofing, leadwork and chimneys.

A roof done properly is mostly hidden under the tiles. The home page shows it anyway: a cross-section drawn in code builds itself course by course, and each layer links to the service behind it.

What we built

  • Roof cross-section that builds itself, layer by layer, with each layer linking to its service
  • Services in three groups, with photos that change as you choose
  • Flat-roof systems explained in tabs
  • Six-step quote form with photo upload, on the page and as a pop-up
  • Call and quote buttons always one tap away on phones

Built with

  • WordPress
  • Elementor
  • Custom Toolkit plugin

The website

The whole home page, top to footer.

Scroll to look around

Identity

The brand on screen.

  • Clay#9A4A30
  • Slate#1E2529
  • Lead#6F7D84
  • Lime#ECEAE4
  • White#FFFFFF

Every roof built properly, layer by layer.

Big Shoulders Display Headings

John Morley & Son is a family roofing firm in Woodmancote, Emsworth, covering roof replacements, repairs, flat roofing, leadwork and chimneys.

Public Sans Body text

Next project Maths 2 English Education sw case maths2english hero

All projects

Tell us what you're trying to solve.

The enquiry form takes about four minutes. We reply within a working day, and if we're not the right fit, we'll say so.

Open the enquiry form [email protected]
Sky Web Design

Sky Web Design Verified

Typically replies instantly