Reef - Luminous Aquarium Landing Page Template

Quick summary

Reef is a lead-generation landing page for aquarium stores that want to turn happy customers into active referrers. The page opens with an oversized testimonial card, unfolds into a scrolling mosaic of referral stories, and closes the loop with a simple email capture form. Every design choice reinforces one clear action: share your link and earn store credit.

Who this template is for

This template is built for aquarium retailers who already have satisfied customers and want a structured way to grow through word-of-mouth. It works equally well for boutique coral shops, full-service freshwater stores, and subscription-based water-testing services.

• Aquarium store owners launching or scaling a referral rewards program
• Shop operators targeting hobbyists, apartment dwellers, and serious reef enthusiasts
• Retailers who want social proof at the center of their marketing, not a stock photo

What problem this template solves

Most referral programs fail because they are invisible. A link buried in a post-purchase email does not build urgency or trust. This template puts the social proof front and center and makes the reward feel real before the visitor has even entered their email.

• Eliminates the cold-start problem by leading with a real customer quote and specific reward details
• Replaces vague program descriptions with a visual credit calculator that shows earnings in real time
• Removes friction from mobile signups with a "Text My Link Instead" toggle for SMS delivery

What you get with this template

You get a fully structured, single-column landing page designed around one conversion goal: collect an email and issue a referral link. Every section is sequenced to reduce doubt and increase desire before the form appears.

• A pinned, slightly rotated testimonial card header with a real quote, a customer name, and a tank photo
• A scrolling testimonial mosaic with body copy explaining the program mechanics between card clusters
• An inline credit calculator, a single-field email capture form, and a tiered reward confirmation screen

Feature list

A paragraph introduces each feature below. Together, they form a page that earns trust through proof and converts through simplicity.

Testimonial Card Header

The page opens with one oversized card, slightly rotated like something pinned to a corkboard. It shows a real referral quote with a specific reward outcome, a customer name, and a photo of their tank. The amber call-to-action button appears below the card immediately, so high-intent visitors can act without scrolling.

Scrolling Testimonial Mosaic

As the visitor scrolls, more testimonial cards stack, overlap, and rotate at slight angles. Each card tells a different referral story with a different reward result. Between clusters, a single line of body copy explains the mechanics: refer a friend, they make a purchase, you earn store credit.

Inline Credit Calculator

A small interactive calculator sits midway down the page. Visitors type in the number of friends they plan to refer and watch amber numbers tick upward to show their potential credit total. This single element turns an abstract promise into a concrete, personal number.

Single-Field Email Capture

The lead form asks for one thing: an email address. After submission, a confirmation screen displays the visitor's unique referral link and explains the three credit tiers. The tiers reward a first purchase at fifteen dollars, a setup package at thirty dollars, and a full build at fifty dollars.

SMS Delivery Toggle

Mobile visitors can switch to SMS delivery with a single tap. The "Text My Link Instead" toggle sends their referral link by text message instead of email. This removes a common drop-off point for users who prefer their phone over their inbox.

Repeating Amber Call-to-Action

The primary call-to-action, "Start Earning Store Credit," appears after every third testimonial card. Each repetition feels earned because it follows fresh social proof rather than interrupting the scroll. The amber-on-charcoal treatment keeps it visually consistent and immediately recognizable.

Page sections overview

Design & branding system

The Reef template uses a Charcoal and Amber color system designed to feel like peering into a dimly lit, perfectly maintained display tank. Deep substrate black and driftwood charcoal form the structural background. Warm amber drives every interactive element. Sand-white opens up form areas so they feel like clearings in the dark.

• Deep substrate black (#1C1C1E) and driftwood charcoal (#3A3A3C) for backgrounds and card surfaces
• Warm amber (#D4940A) for buttons, hover states, progress indicators, and the credit calculator numbers
• Clean sand-white (#F5F0E8) for form fields and text areas that need visual breathing room

Mobile & speed optimization

The single-column layout is inherently mobile-friendly. Nothing requires horizontal scrolling or complex grid behavior to render correctly on a small screen. The SMS toggle is a mobile-first feature that removes the inbox step entirely for phone users.

• Single-column flow adapts naturally to any screen width without layout shifts
• The SMS delivery toggle is designed specifically for mobile visitors who prefer text-message delivery
• The inline calculator and email form are touch-friendly and require minimal input from the user

How this template helps you convert

This template is engineered around the principle that social proof, when it surrounds a call-to-action, does the persuasion work. The page never has to ask for trust because it demonstrates it continuously.

1. The header testimonial card establishes immediate credibility with a specific, named referral story before any program claim is made
2. The scrolling mosaic creates a "everyone is already doing this" effect that builds urgency without using a countdown timer
3. The credit calculator makes the reward feel personal and tangible, which moves visitors from passive interest to active form submission

Other information about this template

Reef fits into a broader aquarium store marketing approach where the referral program page works alongside in-store conversations, social media sharing, and email follow-up sequences. The template's Legal Shield theme means the layout is structured, professional, and trustworthy in appearance, which matters when you are asking customers to share personal referral links with their networks.

• The template style is Single Column Flow, which keeps the scroll path linear and the messaging sequence controlled
• The creative direction is Testimonial Mosaic, making the referral stories the primary visual and persuasive element
• The header concept is a single Testimonial Card, not a hero image, which makes social proof the first visual impression
• The lead-generation direction means every section is built to serve the email capture goal, not to showcase products

Show more