Crush - Powerful Recycler Landing Page Template

Quick summary

Crush is a single-page template for a concrete recycling yard. It opens with a full-bleed navy stats wall, moves visitors through three scrollable case study narratives, and ends with a direct ordering form. The design is serious but unhurried, photographed like a well-kept English yard at dawn.

Who this template is for

This template is built for concrete recyclers who need to sell graded aggregate and collect demolition waste from the same page. It speaks the language of volume, grade, and delivery, which is exactly what the right buyers want to see.

• Demolition contractors clearing sites to deadline
• Civil engineers specifying recycled sub-base for sustainability targets
• Landscapers and groundworkers buying bulk aggregate by the load

What problem this template solves

Most recycling yards rely on phone calls and email chains to sell aggregate or book collections. Buyers arrive without pricing, without grade clarity, and without a fast path to ordering. That hesitation costs sales.

• Pricing is shown per tonne beside each grade, removing doubt before the click
• A direct inline form replaces back-and-forth with a three-step ordering flow
• Two clear call-to-action paths serve buyers and contractors without confusion

What you get with this template

You get a complete, ready-to-adapt landing page structured around real concrete recycling operations. Every section serves a specific commercial purpose, from first impression through to confirmed order intent.

• A full-bleed stats header showing three key performance metrics
• Three expandable case study gallery cards with photo sequences and output details
• An inline order form with grade selector, tonnage slider, and postcode-based haulage quote
• A secondary booking path for site collection enquiries

Feature list

This template ships with purpose-built sections designed for a concrete recycling business that sells direct.

Stats and Metrics Header Wall

Three large performance figures are rendered in chalk white against deep navy. The figures cover recycled tonnage, landfill diversion rate, and delivery radius. A single line of supporting text lists the yard's postcode and operating hours. No hero image competes with these numbers.

Expandable Case Study Gallery

Three project stories are laid out as gallery cards. Each card expands into a full detail panel showing incoming waste, the processing stage, the graded output stockpile, and the final delivery. Pastoral photography ties each story together with consistent visual framing.

Inline Direct-Order Form

The primary ordering flow is embedded directly on the page. Buyers choose a product grade (6F2, Type 1, MOT, or crusher run), use a tonnage slider to estimate their requirement, then enter a delivery postcode for an instant haulage quote. No redirect is required.

Dual Call-to-Action Structure

The primary call to action, "Order Aggregate Now," is anchored in safety amber and leads into the inline form. A secondary path, "Book a Site Collection," serves demolition contractors who need concrete removed rather than delivered. Both paths are present without competing for dominance.

Per-Tonne Pricing Display

Each aggregate grade in the gallery section carries a visible price per tonne. Buyers see cost before they click, which reduces hesitation and shortens the path to an order.

Pastoral Calm Visual Direction

Photography is framed against hedgerows and open sky, with machinery at rest and stockpiles neatly raked. The aesthetic is still and grounded, which builds trust in an industry typically presented with noise and urgency.

Page sections overview

Design & branding system

The template uses a Navy Authority color system grounded in four deliberate tones. The palette reads like a well-maintained yard photographed on an overcast English morning: serious, calm, and built for trust.

• Deep command navy (#0B1D33) for headers, navigation, and the stats wall background
• Crushed aggregate warm gray (#A8A093) and chalk white (#F4F2ED) for body text and open backgrounds
• High-visibility safety amber (#D4922E) reserved for pricing buttons and tonnage callouts

Mobile & speed optimization

The layout is designed to stay legible and navigable on smaller screens. The stats wall, gallery cards, and inline form each adapt to narrower viewports without losing hierarchy or function.

• Large condensed numerals in the header remain readable at mobile scale
• Gallery cards stack vertically for thumb-friendly scrolling and detail expansion
• The inline order form maintains a clear step sequence on small screens

How this template helps you convert

Every scroll state on this page moves the visitor closer to an action. The structure is deliberate: authority first, evidence second, purchase third.

1. The stats header builds immediate credibility before a single word of sales copy appears
2. The case study narratives show real project outcomes, making recycled aggregate feel reliable and proven
3. Per-tonne pricing and a three-step inline form remove the two biggest barriers to ordering: uncertainty about cost and friction in the buying process

Other information about this template

This template is categorized under Construction and Home, specifically within Concrete Products and Services. It is built for a concrete recycler operating in the direct sales model.

• The Pastoral Calm theme is applied consistently across photography direction, typography weight, and color tone
• The Case Study Narrative creative direction gives the page a scrollable editorial feel without sacrificing commercial intent
• The Gallery and Detail template style lets visitors browse projects at a glance and dig deeper without leaving the page
• The heavy condensed typeface used in the stats header references the look of printed weight tickets from a weighbridge
• The template supports two distinct buyer journeys from a single page: aggregate purchase and site collection booking

Show more