Greenstone is a premium landing page template built for eco and green home mortgage brokers. It combines a UK map-based hero, a before/after property gallery with expandable detail panels, and a multi-step "Find Your Green Rate" quiz. The warm stone and brushed brass visual identity projects restrained authority, helping brokers turn energy performance credentials into high-quality consultation leads.
by Rocket studio
Loading preview…
Quick summary
Greenstone is a gallery and detail landing page template designed for UK green mortgage brokers. It opens with a cartographic hero showing live brass pin completions, escalates through a before/after property card gallery, and anchors conversion with a multi-step rate quiz. The Executive Suite visual identity uses limestone, walnut, parchment, and brass to communicate private-bank authority alongside genuine energy-finance expertise.
Who this template is for
This template is built for mortgage brokers who specialise in energy-efficient property finance. It suits businesses that connect Energy Performance Certificate (EPC) ratings and energy upgrades directly to lower mortgage rates for clients.
Green mortgage brokers and advisors serving UK homebuyers and landlords
Eco-property finance firms working with self-builders and passive-house projects
Retrofit mortgage specialists helping landlords reach EPC Band A before regulatory deadlines
What problem this template solves
Most mortgage broker pages explain products in generic terms. Green finance is complex, and visitors struggle to understand exactly how solar panels, heat pumps, or insulation improvements translate into real pound savings. This template solves that credibility and clarity gap.
Visitors cannot visualise what their energy upgrades are worth in rate reductions
Brokers lose leads because their value proposition reads like any other comparison site
Prospective clients need structured guidance, not static rate tables, to take the first step
What you get with this template
You get a fully structured, high-interactivity landing page designed to move a cautious, research-led professional toward a booked mortgage consultation. Every section is built from the brief and purposefully sequenced.
A map-based hero section with animated brass pin completions and a serif headline reveal
A scrollable before/after property gallery with expandable upgrade detail panels
A multi-step "Find Your Green Rate" quiz with a persistent bottom-bar call to action
Theme
Executive Suite
Creative direction
Before/After Reveal
Color system
Warm Stone
Style
Gallery + Detail
Direction
Quiz/Assessment
Page Sections
Animated UK Map Hero
Before/after Property Card Gallery
Multi-step Rate Discovery Quiz
Persistent Call-to-action Bar
Stats and Trust Bar
Secondary Consultation Booking Path
Related questions
What type of business is this template designed for?
How does the before/after gallery work?
How does the quiz capture leads?
Is this template suitable for both desktop and mobile users?
What is the visual style of this template?
A "How It Works" rate-to-upgrade breakdown section and a stats and trust bar
Feature list
Greenstone is packed with purposeful, brief-backed features. Each one is designed to build confidence and accelerate the decision to book a consultation.
Animated UK Map Hero
The hero renders a muted cartographic view of the UK in limestone and walnut tones. Brass pins drop onto completed deal postcodes and pulse with savings figures such as "£14,200 saved in Bristol." The map slowly zooms toward the visitor's region as a serif headline materialises, creating an immediate sense of live authority.
Before/After Property Card Gallery
Each property is presented as a paired card. The left shows the standard mortgage scenario with a conventional rate and greyed EPC rating. The right reveals the green scenario with the lower rate in brass and total savings highlighted. Visitors click any card to expand a detail panel listing the specific upgrades and the basis-point shift each one delivered.
Multi-Step Rate Quiz
The primary conversion path is a guided quiz. It steps through property type, EPC rating or a three-question energy feature checklist, purchase price range, and deposit percentage. Every question displays aggregate savings data beside it to maintain momentum. The final screen collects name and email to unlock a personalised indicative rate comparison.
Persistent "Find Your Green Rate" Call to Action
A sticky bottom bar keeps the primary call to action visible throughout the entire scroll journey. It activates after the third property card reveal and remains anchored so visitors can enter the quiz at any point without scrolling back to the top.
"Book a Green Mortgage Review" Secondary Path
A direct calendar link offers a fast-track route for visitors who already hold an EPC certificate. This secondary call to action bypasses the quiz and connects the visitor straight to a consultation booking, reducing friction for higher-intent prospects.
Stats and Trust Bar
A dedicated section displays aggregate savings figures, the total number of completions, and the size of the lender panel. This social proof strip reinforces credibility with quantified outcomes rather than generic endorsements.
Page sections overview
Section
Purpose
Hero Map
Visualise deal completions across UK postcodes with animated brass pins and serif headline
Before/After Gallery
Compare standard versus green mortgage scenarios through expandable paired property cards
How It Works
Break down how solar PV, heat pumps, and insulation shifts rates in basis points
Quiz Call to Action
Guide visitors through a personalised rate-finding assessment to capture leads
Stats and Trust
Display aggregate savings, completion count, and lender panel size for credibility
Footer
Linear single-row footer with essential links and contact references
Design & branding system
The visual identity follows an Executive Suite theme. It is designed to feel like a private bank's foyer: composed, warm, and quietly confident about the numbers it can deliver.
Colour palette: quarried limestone (#C8B8A2), deep walnut (#3B2F2F), parchment white (#F5F0E8), and brushed brass (#C9A84C) on buttons, rate figures, and interactive elements
Typography: Fraunces serif for display headings and DM Sans for body copy and interface elements
Animation approach: map pin drops, before/after card flips, quiz progress indicators, and scroll-triggered reveals throughout
Mobile & speed optimization
The template is designed desktop-first to match the research behaviour of affluent dual-income professionals. Full mobile support is included so no visitor is excluded regardless of device.
Static page sections are built as Server Components for fast initial load; the interactive map and quiz run as Client Components
The quiz, card gallery, and persistent call-to-action bar all adapt cleanly to smaller screen sizes
High-animation elements such as map pin drops and card flips are scoped to Client Components to keep static rendering efficient
How this template helps you convert
Every design and copy decision in this template is aimed at a single outcome: turning a curious visitor into a booked consultation or completed quiz lead.
The escalating gallery builds a compounding case for green mortgages, starting with modest terrace retrofits and finishing with ambitious passive-house saves, so the value proposition grows with each scroll.
The quiz earns each click by showing real aggregate savings data beside every question, making progress feel like a reward rather than a data-capture form.
The persistent call-to-action bar and the secondary "Book a Green Mortgage Review" calendar link create two conversion paths that serve both exploratory and high-intent visitors simultaneously.
Other information about this template
This template is localised for the UK market. All currency is in GBP (£), dates follow DD/MM/YYYY format, postcodes follow UK conventions, and EPC ratings use the standard Band A to G scale.
The template style is Gallery and Detail, combining a browsable property gallery with deep expandable panels for each case study
The creative direction is Before/After Reveal, making rate savings tangible through direct side-by-side comparison
The header concept is Map-Based, grounding the hero in geography and completed deal data rather than abstract promises
The landing page direction is Quiz/Assessment, prioritising personalised rate discovery over passive information consumption
The niche focus is eco and green home mortgage brokerage within the broader Real Estate and Property category
