Wireframe 04 of 16

Our Work

One page holding every project image, with before/after pairs shown in the drag-to-compare slider. Every service page also carries its own before/after gallery.

Width
Pages using this layout
Our Work (Gallery)
Target length
400–600 words
Example URL
/gallery/
Sections
4

Section specification

What belongs in each band of the drawing below. The drawing shows the shape; the note is the specification. Where the two disagree, the note wins.

  1. 01

    Headernav

    Identical across the site.

  2. 02

    Page headingheroform

    Title plus one paragraph of context.

  3. 03

    Full project gridimgrow3 imgrow3b imgrow3c

    Every image, with captions naming the city and the work. Before/after pairs display in the drag-to-compare slider. Captions are what make this page findable in image search.

  4. 04

    Closing CTA + footerctaform footer

    Standard.

background image
img
img
img
img
img
img
img
img
img
background image
GoHighLevel chat widget loads here, site-wide

The page as one continuous drawing, top to bottom. Each number in the margin matches the specification above.