Soften - Precision Watersoftener Landing Page Template
Soften is a precision-crafted landing page template built for London water softener services. It uses a zigzag case study layout to turn real property stories into an evidence wall that earns trust before asking for a click. The design is clinically clean, the copy is engineering-confident, and every element drives visitors toward booking a free home water test.
by Rocket studio
Quick summary
Soften is a single-page landing page template designed for London-based water softener fitting and maintenance services. It pairs a manifesto-style header with alternating case study sections to build credibility through real results. The Arctic White colour system and Corporate Precision theme make the page feel as clean as the water it promises.
Who this template is for
This template suits any London water softener service that wants to convert hard-water sufferers into booked appointments. It works equally well for small engineering firms and established maintenance companies.
- Property managers overseeing residential blocks in hard-water London postcodes
- Homeowners in SW and SE London tired of limescale on taps, kettles, and showerheads
- Landlords protecting combi boilers and plumbing systems in tenanted properties
What problem this template solves
Hard-water service providers often lose potential clients because their pages look generic. Visitors arrive skeptical and leave without booking because nothing on the page feels specific or credible.
- No visible proof that the service understands London's particular water chemistry
- No structured way to present case studies with quantified, property-specific results
- No clear call to action that reduces hesitation for visitors outside the coverage area
What you get with this template
You get a fully structured, single-page layout that moves a visitor from skepticism to a scheduled appointment. Every section is designed to answer a specific objection before it forms.
- A manifesto header that opens with a hard-water fact and positions the business as a chemistry-literate engineering service
- Three escalating zigzag case study sections covering domestic, multi-unit, and commercial property types
- A persistent bottom call-to-action bar that appears after the second case study and stays in view through to the end of the page
Feature list
This template is built around a set of deliberate, prompt-backed layout and content decisions. Each feature serves the goal of turning a first visit into a booked water test.
Manifesto-Style Header
The header opens on a white viewport with a bold typographic statement about London's calcium load. A thin navy rule separates it from the subline "We fit the fix." No image competes with the numbers. The whitespace and precision typography do the persuasion work.
Zigzag Case Study Sections
Each alternating section presents a real London property type, swapping image and text sides between entries. The three cases escalate in scale from a Victorian terrace in Clapham to a managed block in Canary Wharf to a family home in Richmond. Each lands on a specific, quantified result such as annual boiler repair savings.
Persistent Bottom Call-to-Action Bar
After the second case study, a fixed bottom bar anchors "Book Your Free Water Test" in mineral teal. It stays visible as visitors scroll, removing the need to hunt for the next step at any point on the page.
Postcode Coverage Check Link
A secondary text link labelled "Check Your Postcode" sits alongside the primary call to action. It lets hesitant visitors confirm service coverage before committing, which reduces bounce from users outside the service area.
Arctic White Colour System
The palette uses clinical porcelain for backgrounds, deep pipeline navy for headlines and dividers, polished chrome for secondary text and icons, and mineral teal reserved exclusively for calls to action and data highlights. The result is a page that feels as precise as the engineering it represents.
Evidence-Wall Content Structure
The page is structured as a progressive evidence build, not a sales pitch. Each case study adds a layer of proof, and the scroll path is deliberately designed so that by the time visitors reach the persistent bar, they have already seen three grounded, specific reasons to book.
Page sections overview
| Section | Purpose |
|---|---|
| Manifesto Header | Opens with a hard-water fact and subline to establish engineering authority |
| Primary call to action Block | Places "Book Your Free Water Test" immediately below the header manifesto |
| Case Study One | Victorian terrace in Clapham with heating element before-and-after imagery |
| Case Study Two | Managed block in Canary Wharf with a maintenance cost graph post-installation |
| Case Study Three | Family home in Richmond with a client quote about stopping bottled water use |
| Persistent call to action Bar | Fixed bottom bar anchored after the second case study, visible through page end |
Design & branding system
The visual identity follows a Corporate Precision theme that feels like a freshly descaled bathroom: nothing stained, nothing surplus. White dominates, and every accent is purposeful.
- Background in clinical porcelain (#F8F9FA) with generous negative space; deep pipeline navy (#1B2A4A) anchors headlines and section dividers
- Polished chrome (#D0D3D8) carries secondary text, iconography, and thin rule details throughout the layout
- Mineral teal (#2A9D8F) appears only on calls to action and data highlights, making the next step unmissable without visual noise
Mobile & speed optimization
The zigzag layout is structured to reflow cleanly on smaller screens. Image-text alternation collapses to a stacked format on mobile without losing the case study narrative order.
- Single-column stacking on mobile preserves the domestic-to-commercial escalation sequence
- The persistent bottom bar remains visible and tappable on mobile viewports throughout the scroll
- Generous whitespace and high-contrast navy-on-white typography keep the page readable without zooming
How this template helps you convert
Every layout decision on this page is pointed at one outcome: a visitor clicking through to book a free water test. The template removes friction at each stage of that journey.
- The manifesto header qualifies the visitor immediately by naming London's calcium problem, so only relevant prospects read on, keeping intent high from the first scroll
- The escalating case studies replace abstract promises with specific, quantified outcomes, building enough trust that the persistent call-to-action bar feels like a logical next step rather than a sales push
- The "Check Your Postcode" secondary link intercepts hesitant visitors before they bounce, giving them a low-commitment way to confirm they are in the service area
Other information about this template
This template is purpose-built for the London local services market where hard-water problems are measurable and the audience is practical. A few additional details worth noting:
- The no-form approach keeps this page focused: all conversion happens through a click to a separate scheduling tool, not an on-page submission
- The case study image slots are designed for before-and-after photography and data visualisations such as cost graphs
- The template style is Zigzag/Alternating, making it straightforward to add or remove case study blocks as a service portfolio grows
- The header concept is a Quote/Manifesto format, which means the strongest single claim leads the page rather than a hero image or a generic tagline
- This landing page fits naturally within a broader London local services content strategy targeting hard-water postcodes including SW, SE, and surrounding areas




Theme
Corporate Precision
Creative direction
Case Study Narrative
Color system
Arctic White
Style
Zigzag/Alternating
Direction
Click-Through
Page Sections
Manifesto Header with Hard-water Facts
Zigzag Case Study Layout
Persistent Bottom Call to Action Bar
Postcode Coverage Check Link
Arctic White Precision Colour System
Click-through Conversion Structure
Related questions
Can I edit the case study sections to match my own client projects?
Does this template include an on-page booking form?
Is the persistent bottom bar visible on mobile devices?
Can I adjust the colour accents to match a different brand palette?
Is this template suitable for a water softener company that serves areas outside London?