Refer - Confident Driving Landing Page Template

Quick summary

Refer is a focused referral program landing page for driving schools. It opens with a graduate testimonial card, then builds trust through staff portraits, referrer-referee pair stories, and a live referral counter. Two clear call-to-action paths sit after every two scroll sections, making it easy for recent passers to send their link or share via WhatsApp in seconds.

Who this template is for

This template is built for driving schools that already have happy graduates and want to turn word-of-mouth into a structured referral channel. It works best when the school has real pass stories, staff willing to be shown by name, and a referral reward worth talking about.

• Driving school owners launching or refreshing a graduate referral program
• Marketing leads who need a dedicated page to send recent passers after test day
• Schools targeting parents of permit-age teenagers or colleagues nudging friends to finally get licensed

What problem this template solves

Most driving schools rely on casual word-of-mouth without giving graduates a clear, confident place to act on it. There is no page that makes referring feel easy, rewarding, and socially normal. Refer fills that gap with a page designed entirely around proof and momentum.

• Graduates leave the test centre with no simple way to share their school with friends
• Parents and colleagues who hear about the school have nowhere to land that speaks directly to them
• Referral programs often feel transactional; this page makes referring feel like being part of something

What you get with this template

You get a complete single-column referral landing page, ready to be customised with your school's graduates, staff, and reward figures. Every section is designed to earn the click before asking for it.

• An oversized header testimonial card with a graduate portrait, quote, and amber reward badge
• Three-step program explainer anchored by staff portraits, a mosaic of referrer-referee pair stories, and a live referral counter
• A primary "Send My Referral Link" call to action and a ghost-outlined "Share via WhatsApp" secondary button, both repeating after every two scroll sections

Feature list

This section covers the core built-in components that make the template work as a referral conversion page.

Oversized Header Testimonial Card

The page opens with a single floating card on deep charcoal. It features a graduate portrait shot from the chest up, a large serif quote, and a small amber badge showing the reward earned. Proof arrives before the visitor has scrolled a pixel.

Three-Step Program Explainer

A numbered section walks visitors through exactly how the referral program works. Each step is anchored by a portrait of the staff member responsible for that stage, making the process feel personal and accountable rather than automated.

Referrer-Referee Pair Mosaic

A cascade of overlapping cards shows the person who referred and the person who passed, each with a two-line story. The layout feels like a dealt hand of cards, deepening the sense of a real community behind the program.

Live Referral Counter

A dedicated section displays the total number of referrals made this month and the total rewards paid out. The live counter signals that the program is active and that real money is moving, which builds urgency without manufactured pressure.

Dual Call-to-Action Layout

The primary call to action, "Send My Referral Link", appears in amber on charcoal beneath the header and repeats after every two sections. A ghost-outlined "Share via WhatsApp" button sits beside it, matching how this audience actually sends recommendations.

Executive Suite Color System

Warm amber is reserved exclusively for clickable elements and reward highlights. Deep charcoal anchors every background. Brushed graphite surfaces the cards. Crisp ivory carries all body text. The palette guides the eye without competing with the content.

Page sections overview

Design & branding system

The design follows an Executive Suite theme, built around the feeling of a luxury sedan interior at golden hour. Dark surfaces, warm instrument glow, and cream-toned text work together to feel premium without being cold.

• Color system: deep charcoal (#2B2D33) for backgrounds, brushed graphite (#4A4E57) for card surfaces, warm amber (#D4930D) for all clickable elements and reward highlights, and crisp ivory (#F5F1EB) for body text
• Typography: graduate quotes are set in large serif type; amber never touches body copy and only appears where the eye should move next
• Visual direction follows a Team and People approach, keeping human faces and real stories at the centre of every scroll section

Mobile & speed optimization

The single-column flow is inherently suited to vertical scrolling on a phone screen. Every section stacks cleanly without requiring horizontal navigation or complex grid adjustments.

• Cards, portraits, and counters are laid out in a single column, so mobile visitors see the same story in the same order as desktop users
• The WhatsApp share button is positioned as a primary secondary action, making one-tap sharing natural for mobile graduates who want to send a link quickly
• Ghost-outlined buttons and amber accent elements maintain clear visual hierarchy on smaller screens without relying on hover states

How this template helps you convert

The page is structured so that every scroll adds another layer of evidence before the next call to action appears. By the time a visitor reaches the third call-to-action placement, the case for referring has already been made three times over.

1. Proof comes first: the testimonial card, graduate mosaic, and live counter all appear before any hard ask, so the visitor arrives at the call to action already convinced
2. Two sharing paths reduce friction: the primary button links to a pre-filled referral form on the main site, while the WhatsApp button lets graduates share in the channel they already use daily
3. Repeated but never intrusive calls to action: the "Send My Referral Link" button reappears after every two sections, keeping the action visible without interrupting the story being told

Other information about this template

This template is part of a focused set of professional services landing pages designed for service businesses that grow through trust and personal recommendation. It is a strong fit for any driving school that wants its referral program to feel as polished as the lessons it delivers.

• The template is built as a single-column flow, making it straightforward to customise with your school's own graduate photos, staff headshots, and reward values
• The page is designed to link out to a pre-filled referral form hosted on your main school website, so no separate form infrastructure is needed within the template itself
• It suits schools in the United Kingdom market, as the reward badge format and WhatsApp-first sharing path reflect how graduates in that market typically communicate and refer

Show more