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.
Product Gallery with Detail Panels
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
| Section | Purpose |
|---|---|
| Hero Location Input | Postcode search returning delivery cost and available products instantly |
| Pain Point Counter | Surfaces fly-tipping fees, virgin aggregate cost rises, and landfill tax |
| Product Gallery Grid | Visual tile layout for all stocked aggregate products |
| Product Detail Panel | Expanded grading spec, certificates, pricing, and tonnage calculator |
| Sticky Order Bar | Persistent call to action triggered after first product tile view |
| Spec Sheet Download | Secondary 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.
- 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.
- 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.
- 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




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?