Crush - Reliable Recycler Landing Page Template

Crush is a gallery and detail landing page template built for stone recyclers and aggregate yards. It opens with a postcode-driven location input, moves through a problem-to-solution narrative, and presents every product in a clickable gallery with grading specs, pricing, and a tonnage calculator. The design is raw, functional, and built to convert contractors at first glance.

by Rocket studio

Quick summary

Crush is a direct-sales landing page template designed for recycled aggregate yards. It leads with a location input that returns delivery cost and available products before the visitor scrolls. A product gallery with detail panels, a tonnage calculator, and upfront per-tonne pricing make it easy for contractors, engineers, and landscapers to order without friction.

Who this template is for

This template is built for businesses that process, stock, and sell recycled construction aggregate. It suits operations that deal directly with trade buyers who need fast answers and clear pricing.

  • Demolition contractors sourcing recycled sub-base on tight site turnarounds
  • Civil engineers specifying compliant recycled aggregate for sustainability-clause tenders
  • Landscapers buying bulk decorative chippings or Type 1 by the load

What problem this template solves

Most aggregate yard websites bury pricing, force a quote request, and offer no instant delivery check. That friction costs sales when a contractor is calling at 6 a.m. from a cab. This template removes every unnecessary step between landing and ordering.

  • Fly-tipping fees, rising virgin aggregate costs, and landfill tax are surfaced early to frame the value of recycled material
  • No hidden delivery matrix: postcode input returns distance, delivery cost, and available stock immediately
  • No quote-request wall: per-tonne prices are visible on every product tile before any form is touched

What you get with this template

You get a single-page layout that moves a visitor from problem awareness to product selection to order submission without leaving the page. Every section is purposeful and trade-focused.

  • A drone-photography hero with a centered postcode search field and instant delivery response
  • A product gallery grid covering 6F5, Type 1, MOT, crusher run, and decorative chippings, with expandable detail panels
  • A sticky bottom bar with an "Order Your Load" call to action that appears after any product tile has been viewed

Feature list

This template ships with a set of interconnected components that work together as a direct-sales funnel for aggregate products.

Postcode-Driven Location Input

A stark, centered search field sits over the drone-altitude hero photograph. Enter a postcode and the field returns delivery distance, cost per load, and available products before the visitor scrolls. It answers the only question a contractor needs answered at the start of the day.

Problem-to-Solution Scroll Arc

The section immediately below the hero surfaces the real cost of inaction: fly-tipping penalty fees, climbing virgin aggregate prices, and a rising counter showing landfill tax per tonne. The page then pivots directly into the yard and its products. This narrative structure keeps trade visitors reading.

Each aggregate product occupies a tile in a clean gallery grid. Products are photographed wet and dry on a white tarp with a tape measure for scale. Click any tile and a detail panel expands with grading specification, compliance certificates, per-tonne price, and a tonnage calculator.

Tonnage Calculator

Inside each product detail panel, a built-in calculator takes square meterage and depth as inputs and returns an estimated number of loads. This removes mental arithmetic for the buyer and reduces abandoned orders caused by uncertainty about quantity.

Sticky Order Bar with Smart Trigger

A bottom bar carrying the primary "Order Your Load" call to action pins to the screen once any product tile has been viewed. The order form captures postcode, product choice, estimated tonnage, and preferred delivery date. It does not appear until the visitor has engaged with a product.

Spec Sheet Download Path

A secondary conversion path offers a "Download Our Spec Sheets" option for engineers who need compliance documents attached to a tender submission. This serves a different buyer intent without cluttering the primary order flow.

Page sections overview

SectionPurpose
Hero Location InputPostcode search returning delivery cost and available products instantly
Pain Point CounterSurfaces fly-tipping fees, virgin aggregate cost rises, and landfill tax
Product Gallery GridVisual tile layout for all stocked aggregate products
Product Detail PanelExpanded grading spec, certificates, pricing, and tonnage calculator
Sticky Order BarPersistent call to action triggered after first product tile view
Spec Sheet DownloadSecondary path for engineers needing compliance documents

Design & branding system

The visual identity follows a Service Utility theme built on a Fire and Earth color system. Every color choice is functional and reflects the physical environment of an aggregate yard.

  • Charred asphalt (#2C2C2C) for backgrounds, ember orange (#D45A2B) for calls to action and tonnage callouts, crushed aggregate tan (#C4A96A) for accents, and chalk dust white (#F0ECE3) for card backgrounds
  • The palette reads like a hi-vis vest against a freshly screened hardcore stockpile: warm, unapologetic, and immediately readable in outdoor light conditions
  • Photography direction uses drone-altitude yard shots and close-up product images on white tarps with scale references, giving each product tile a catalogue-quality feel

Mobile & speed optimization

The layout is structured to work cleanly on a phone screen, which is the device most trade buyers use when calling from a site or cab.

  • The postcode input and sticky order bar are touch-friendly and remain usable on small screens without horizontal scrolling
  • The gallery grid reflows from multi-column to single-column on narrow viewports, keeping product tiles large enough to tap accurately
  • Detail panels expand inline rather than opening new pages, reducing load friction on mobile connections

How this template helps you convert

Every design and content decision in this template is aimed at reducing the time between landing and ordering.

  1. The location input answers the delivery question before the visitor scrolls, removing the first and most common reason a trade buyer leaves a page without acting.
  2. Visible per-tonne pricing on every product tile eliminates the quote-request barrier that typically causes drop-off among contractors who need an answer now, not in 24 hours.
  3. The sticky "Order Your Load" bar keeps the primary action in view throughout the entire page, so the decision to buy is never more than one tap away once a product has been reviewed.

Other information about this template

This template is part of the Crush design series and is categorised under Construction and Home, specifically within Stone Products and Services. It is built around the stone recycler niche and is designed to support direct-sales operations where speed and price transparency are competitive advantages.

  • The template style is Gallery and Detail, combining a visual product browsing experience with inline specification depth
  • The creative direction follows a Problem to Solution Arc, a structure proven to hold attention among trade buyers who are already aware of their problem and looking for a fast answer
  • The header concept is a Location Input, a component type well suited to service businesses where delivery zone and availability are the buyer's first question
  • The theme is Service Utility and the color system is Fire and Earth, both chosen to reinforce the industrial, no-nonsense character of a working aggregate yard
Crush - Reliable Recycler Landing Page Template
Crush - Reliable Recycler Landing Page Template
Crush - Reliable Recycler Landing Page Template
Crush - Reliable Recycler Landing Page Template

Theme

Service Utility

Creative direction

Problem→Solution Arc

Color system

Fire & Earth

Style

Gallery + Detail

Direction

Direct Sales

Page Sections

Postcode-driven Location Input

Problem-to-solution Scroll Arc

Product Gallery with Detail Panels

Built-in Tonnage Calculator

Sticky Order Bar with Smart Trigger

Spec Sheet Download Path

Related questions

Who is this landing page template designed for?

Does the template show product pricing upfront?

Can I use this template for multiple aggregate products?

How does the tonnage calculator work?

Is this a single-page template or a multi-page website?