Grout is a split-screen landing page template built for bathroom and kitchen tiling businesses. It combines a full-screen video hero, a Day 1 to Day 5 transparent process timeline, and a focused three-field quote form to turn visitors into leads. The industrial raw design, built in charcoal, terracotta, and sandstone, feels like the job site itself.
by Rocket studio
Loading preview…
Quick summary
Grout is a single-page lead generation template for professional tiling crews. It opens with handheld job-site video, walks visitors through the real tiling process from demolition to final seal, and closes with a streamlined quote request form. Every design choice reinforces craft, honesty, and precision.
Who this template is for
This template is built for tiling businesses that want their website to do the same job their crew does: show up, earn trust, and get straight to the point. It suits trades operators who work across bathrooms, kitchens, laundry rooms, and small commercial spaces.
Tiling contractors targeting homeowners with failing bathrooms or cracked grout
Landlords and property managers needing a reliable tiler before tenant changeovers
Interior designers who require a tiler whose cuts are clean enough to match precision renders
What problem this template solves
Most tiling businesses lose enquiries because their online presence looks like everyone else's. Stock photos, vague promises, and no sense of the actual work make it hard for clients to choose with confidence.
Visitors cannot judge quality without seeing real process, not just finished results
The gap between "nice photos" and "I trust this crew" stops potential clients from submitting a quote request
Earlier-stage visitors who are still choosing materials leave without any engagement path
What you get with this template
You get a complete, single-page lead generation layout designed specifically for tiling and bathroom renovation services. Every section has a defined job, from introducing the crew to capturing the quote request.
Full-screen video hero with a timed headline and a primary call-to-action button
A split-screen transparent process timeline running from Day 1 through Day 5, pairing raw process photography with finished results from the same angle
A three-field quote form plus a secondary tile selection guide download for earlier-stage visitors
Theme
Industrial Raw
Creative direction
Transparent Process
Color system
Fire & Earth
Style
Split Screen (50/50)
Direction
Lead Generation
Page Sections
Full-screen Video Hero with Timed Headline
Split-screen Transparent Process Timeline
Sticky Terracotta Call-to-action Bar
Three-field Qualifying Quote Form
Tile Selection Guide Download Path
Bento Grid Service Overview
Related questions
What kind of tiling business is this template designed for?
Can I use this template without job-site video footage?
What does the quote form collect from a visitor?
Is the downloadable tile selection guide content included?
How does the Day 1 to Day 5 timeline section work visually?
Feature list
This template packs purposeful, prompt-backed functionality into a single focused layout. Each feature serves the lead generation goal directly.
Full-Screen Video Hero
The header runs handheld job-site footage, slightly desaturated, opening on gloved hands pressing tile into wet adhesive. The headline "Every tile. Set right." lands in heavy condensed type after four seconds, anchoring the brand voice before the visitor scrolls.
Split-Screen Process Timeline
A 50/50 split layout pairs raw process photography on the left with the finished result on the right. Each split panel is timestamped, Day 1, Day 3, and Day 5, so visitors understand project duration and sequence, not just the final outcome.
Sticky Call-to-Action Bar
A terracotta "Get Your Tiling Quote" bar stays fixed on scroll after the visitor passes the hero section. This keeps the primary conversion action reachable at every point on the page without interrupting the reading flow.
Three-Field Quote Form
The lead form asks for room type via a dropdown, approximate square meterage via a slider, and a photo upload labeled "Show us what you're working with." Email is required; phone is optional. The form keeps friction low while capturing qualified lead detail.
Tile Selection Guide Download
A secondary conversion path offers a downloadable tile selection guide in exchange for an email address. This captures earlier-stage visitors who are still comparing materials and not yet ready to request a quote.
Bento Grid Work Types
A bento grid section organises the crew's service range: bathroom, kitchen, laundry, and commercial tiling. Each cell presents the work type clearly, helping visitors confirm the crew handles their specific job before they enquire.
Page sections overview
Section
Purpose
Video Hero
Open with job-site footage and headline
Transparent Process Timeline
Show Day 1 to Day 5 work phases
Work Types Grid
Display bathroom, kitchen, laundry, commercial
Social Proof
Build trust with specific client testimonials
Lead Gen Form
Capture quote requests and email leads
Footer
Single-row linear contact and navigation
Design & branding system
The visual identity follows an Industrial Raw theme. The palette feels like a tile warehouse before sunrise: raw materials stacked under fluorescent light, dust on everything, the smell of adhesive still in the air.
Charcoal (#2D2D2D) dominates backgrounds; terracotta (#C1440E) drives calls to action and section dividers; wet cement gray (#7B7D7D) carries body text
Scored sandstone (#D4A96A) is reserved for hover states and accent borders, adding just enough warmth to feel handmade
Typography pairs Barlow Condensed for headlines with DM Sans for body copy, keeping the hierarchy readable and the tone direct
Mobile & speed optimization
The template is designed desktop-first, with large-screen viewers, particularly interior designers reviewing work on monitors, treated as the primary audience. Full mobile responsiveness is built in so the layout holds across all screen sizes.
Video hero uses lazy-loading so the page does not wait for the full file before rendering visible content
Animations and parallax effects use GPU-accelerated transforms only, keeping scroll performance smooth on capable hardware
The sticky call-to-action bar and the quote form are both accessible and functional on mobile viewports
How this template helps you convert
The page is structured around a single principle: show the real work, earn the enquiry. Every layout decision supports that goal.
The transparent process timeline removes doubt by exposing every stage of the job, from demolition to final seal, so visitors know exactly what they are paying for before they ask for a quote.
The sticky terracotta call-to-action bar keeps "Get Your Tiling Quote" visible throughout the scroll, reducing the effort required for a ready visitor to act.
The tile selection guide download creates a second conversion point for visitors who are not yet ready to commit, capturing their email early and keeping the business relevant while they make material decisions.
Other information about this template
This template is built for English-language markets using Australian and United Kingdom conventions. Measurements throughout the form and copy use square metres rather than square feet. No currency symbols appear on the form, keeping it adaptable across job sizes and regions.
Animation intensity is set to high: the layout includes parallax scroll, split-panel reveal transitions, and staggered entry effects
Social proof is structured to include specific job type, suburb, and outcome detail rather than generic star ratings
The footer follows a linear single-row pattern, keeping the page exit clean and the focus on the lead form above it
