Home / Landing Page — Wireframe v3

This page is password protected

HOME / LANDING PAGE TEMPLATE

Navbar — sticky

Hero section — choose one variant. Only build one per page.

Variant A — split layout

Best for: services where trust-building copy is the priority. Image sits to the right, all copy and social proof are immediately readable without any overlay. Cleaner layout for text-heavy value propositions.

Eyebrow — who it's for

e.g. "For Perth homeowners"

H1 — primary keyword + brand promise

H2 — outcome / result for the customer e.g. "Save time, stress less" Optional paragraph — 2–3 sentences max

Get free quote

Call (08) 9000 0000

Social proof — summary stats OR review snippets (or both)

Option A — summary stats

★★★★★ 4.9 / 5 200+ reviews

Licensed Fully insured

15 yrs In business

500+ Jobs done

— or —

Option B — review snippet

★★★★★

— Jane D., Perth

Hero image / video 1200 × 800 px A/B test photo vs video

Variant B — full-bleed background image

Best for: visually-led services (landscaping, renovation, cleaning, events). The hero photo fills the entire block. A dark overlay (~52% opacity) sits on top to ensure H1 and social proof remain legible. All copy and social proof float over the image — no separate image column needed. Use a wide, high-contrast photo with clear sky or ground at the edges so the overlay works cleanly. Minimum 1440×700px.

Full-bleed background image — 1440 × 700 px min · real job photo only · dark overlay (~52% opacity) applied on top · all copy floats over image

Eyebrow — who it's for

e.g. "For Perth homeowners"

H1 — primary keyword + brand promise

H2 — outcome / result for the customer Optional paragraph — 2–3 sentences max

Get free quote

Call (08) 9000 0000

Social proof — sits over the image · white card ensures legibility

★★★★★ 4.9 / 5 200+ reviews

Licensed Fully insured

15 yrs In business

500+ Jobs done

— or use a review snippet instead —

★★★★★

— Jane D., Perth

Trust strip — immediately below hero · no scroll required · choose Option A or B

Option A — stats with icons

Option B — partner / cert logos

Option A — numbered stats, each anchored by a small icon or symbol

500+ Jobs completed

15 yrs In business

4.9 / 5 Google rating

100% Satisfaction

Option B — partner logos or certification badges (grayscale) · use when logos carry more weight than numbers

Logo

Services overview — image at top of each card · links to service page · keyword-rich titles

Card image: real photo of the service being performed or the finished result. 16:9 crop recommended. Alt text must describe the service, not just say "photo". Lazy-load all card images.

Service photo

Why choose us — image left · benefit list right · link to About page

Image placeholder Real team / job site photo Avoid stock imagery

H2 — Why [Brand Name]

Learn more →

How it works — max 4 steps · reduces friction · consider linking to FAQ

Step label

Testimonials — real Google reviews · Review schema · link to Google Business Profile

★★★★★

Locations served — pill links to location pages · critical for local SEO crawlability

Suburb 1 Suburb 2 Suburb 3 Suburb 4 Suburb 5 Suburb 6

Optional section — only include if actively publishing content

Blog / resources — topical authority · schema: Article · dashed border = optional

Closing CTA band — repeat primary offer · image right adds visual warmth · phone clickable on mobile

CTA image: use a human-facing photo — a team member, a happy customer, or a finished job result. This softens the CTA and increases trust at the point of conversion. Crop to fill the slot naturally, no white space inside the image.

Book now

Call us

CTA image Team / happy customer Warm, human photo

Footer — logo · services · locations · social · ABN · copyright

Website Photography Shot List

Landing page · Service page · Location page

● Essential — page will not launch without this ● Recommended — significant drop in quality without it ● Optional — add if time and budget allow

Landing Page 10 shots

Hero image — team or tradesperson in action at a job site. Landscape, high contrast background so the text overlay reads cleanly. Min 1440 × 700 px. Hero section — Variant A & B
Essential
Alternative hero — clean finished result (e.g. completed room, finished landscape). Used to A/B test against the first hero. Same crop and size rules. Hero section — Variant A
Recommended
Service card 1 image — real photo of this service being performed or the finished result. 800 × 450 px (16:9). No stock. Services overview — card 1
Essential
Service card 2 image — same rules as above, different service. 800 × 450 px. Services overview — card 2
Essential
Service card 3 image. 800 × 450 px. Services overview — card 3
Essential
Service card 4 image. 800 × 450 px. Services overview — card 4
Recommended
Service card 5 image. 800 × 450 px. Services overview — card 5
Recommended
Service card 6 image. 800 × 450 px. Services overview — card 6
Recommended
Why choose us — team or owner portrait. Warm, approachable, natural light. Person facing camera. 900 × 700 px. Why choose us — image left
Essential
CTA band — smiling team member, happy customer, or finished job with a person in frame. Adds warmth at the conversion point. 600 × 360 px. Closing CTA band — image right
Essential

General Notes

No stock photos. All images must be original, taken for this project or from a real job with the client's permission.
Deliver at 2× the dimensions listed above for retina screens. The developer will compress and serve appropriately.
File format: Shoot RAW, deliver as JPG (quality 90+) and WebP. PNG for logos/graphics only.
Colour space: sRGB for all web images. Not Adobe RGB or ProPhoto.
Lighting: Natural light preferred. Avoid harsh midday sun. Overcast or golden hour gives the most usable results.
People in frame: Get a signed model release for anyone whose face is clearly visible, including team members.
File naming: [page]-[section]-[number].jpg — e.g. landing-hero-01.jpg, service-gallery-before-01.jpg, location-perth-card-01.jpg