Unearth - Compelling Metaldetecting Landing Page Template

Unearth is a metal detecting supply store landing page built for serious detectorists and weekend relic hunters. It guides visitors through side-by-side gear comparisons, a personalized detector quiz, and clear category-linked calls to action. The dark obsidian-and-gold design feels as purposeful as the hobby itself, turning browsers into confident, click-ready buyers.

by Rocket studio

Quick summary

Unearth is a single-page, scroll-driven landing page for a metal detecting supply store. It opens with a dramatic Before/After Slider, then walks visitors through escalating gear comparisons covering detectors, coils, pinpointers, digging tools, and carry bags. A three-question Detector Quiz outputs a personalized gear recommendation. Every section ends with a gold-on-obsidian call to action that routes directly to a filtered category page.

Who this template is for

This template is designed for metal detecting retailers who sell to a highly specific, passionate audience. It works equally well for established shops and newer stores that want to position themselves as the knowledgeable alternative to big-box retailers.

  • Weekend relic hunters and beach detectorists looking to upgrade their gear
  • Specialty retailers catering to experienced hobbyists who research before buying
  • Store owners who want to replace scattered forum threads with a single, authoritative page

What problem this template solves

Most hobby shoppers arrive with fragmented knowledge gathered from YouTube videos and forum posts. They need confidence, not just a product grid. This template replaces that scattered research journey with a structured, in-page experience that does the comparison work for the visitor.

  • Visitors often cannot tell which detector tier matches their soil type or skill level
  • Product pages alone rarely explain why one coil outperforms another at depth
  • Shoppers leave without buying because they are not yet sure enough to commit

What you get with this template

You get a complete, ready-to-customize single-page layout built around gear education and click-through conversion. Every design decision serves the detectorist mindset: patient, methodical, and rewarded by the right choice.

  • A viewport-filling Before/After Slider header with a fade-in headline
  • Five escalating comparison sections covering detectors, coils, pinpointers, digging tools, and carry bags
  • A three-question Detector Quiz that outputs a personalized gear recommendation with a direct category link

Feature list

This template delivers six purpose-built components that work together to move an uncertain visitor toward a confident purchase decision.

Before/After Slider Header

The header splits the viewport in two. The left side shows unremarkable ground; dragging the slider reveals a hand holding a freshly recovered silver coin. A single headline, "What's under your feet right now?", fades in below. The interaction sets the emotional tone immediately.

Escalating Gear Comparison Cards

Each comparison section pairs two or three products side by side on illuminated cards. Differences in frequency range, discrimination modes, weight, and ground balance are highlighted in gold on hover. The progression moves from entry-level detectors through aftermarket coils, pinpointers, digging tools, and carry bags.

Coil Depth Diagram Overlays

The coil comparison section includes overlay diagrams showing detection depth cones for stock coils, sniper coils, and wide-scan plates. These visual aids make abstract specifications tangible and help shoppers understand the real-world trade-offs of each coil type.

Three-Question Detector Quiz

A short quiz asks about terrain type, experience level, and budget range. It outputs a personalized gear recommendation with a direct link to the matching filtered category page. This path serves visitors who prefer guidance over independent browsing.

Gold-on-Obsidian Call-to-Action System

Each comparison section closes with a "Shop Your Setup" button in warm struck-gold on deep obsidian. On mobile, this button persists as a floating bottom bar. Every click routes to a pre-filtered category page so visitors land already narrowed to the right equipment tier.

No-Cart Click-Through Architecture

There is no cart on this page. The design intentionally routes every action to a relevant category page. This keeps the landing page focused on education and confidence-building rather than transactional friction.

Page sections overview

SectionPurpose
Before/After SliderOpens with emotional hook and headline
Detector Comparison CardsContrasts entry-level and mid-range units
Coil Comparison SectionCompares stock, sniper, and wide-scan coils with depth diagrams
Pinpointer ComparisonSide-by-side pinpointer options for precision recovery
Digging Tools ComparisonShows trowel and digger options by soil type
Carry Bags ComparisonMatches bag options to setup size and field use
Detector QuizOutputs personalized recommendation via three questions
Mobile call to action BarPersistent floating button on smaller screens

Design & branding system

The visual identity uses a Soft Gradient theme built on an Obsidian and Gold color system. Deep volcanic black fades through charcoal smoke into dusky slate, giving the page a rich, dark earth feel. Warm struck-gold appears only on interactive elements, keeping the eye moving to what matters.

  • Core palette: deep obsidian (#1A1A2E), charcoal smoke (#30305A), dusky slate (#4A4E69), struck-gold (#C9A84C), and pale bone white (#F2EFEA)
  • Gold is reserved for buttons, price tags, hover states, and comparison highlights so it never loses its visual weight
  • Pale bone white handles product specs, card surfaces, and comparison tables so equipment details stay clean and readable against the dark background

Mobile & speed optimization

The layout is designed to remain fully functional and persuasive on smaller screens. The floating bottom call-to-action bar ensures mobile visitors always have a clear next step without needing to scroll back up.

  • Comparison cards stack vertically on mobile so the side-by-side structure remains scannable
  • The floating "Shop Your Setup" bar persists at the bottom of the screen throughout the mobile scroll session
  • The Before/After Slider and quiz both adapt to touch interaction for a natural mobile experience

How this template helps you convert

The page is structured to reduce the decision-making effort for the visitor at every scroll step. By the time a shopper reaches the bottom, they have done the equivalent of hours of independent research inside a single, well-designed page.

  1. The comparison journey builds progressive confidence, so each new section makes the visitor feel more knowledgeable and more ready to buy rather than more overwhelmed.
  2. The Detector Quiz provides a personalized shortcut for visitors who know their terrain and budget but are unsure which product tier fits, converting hesitation into a direct category click.

Other information about this template

This template is categorized under Retail and E-Commerce, specifically within the Hobby and Passion Supplies subcategory. It is built as a card-grid modular layout, which makes individual comparison sections easy to update as your inventory changes.

  • The template style follows a Card Grid (Modular) approach, so sections can be reordered or removed without breaking the overall flow
  • The Quiz/Assessment direction aligns with the landing-page intent of matching shoppers to specific gear rather than presenting an undifferentiated catalog
  • The template suits metal detecting supply stores that carry multiple product tiers and want to communicate genuine expertise to their audience
Unearth - Compelling Metaldetecting Landing Page Template
Unearth - Compelling Metaldetecting Landing Page Template
Unearth - Compelling Metaldetecting Landing Page Template
Unearth - Compelling Metaldetecting Landing Page Template

Theme

Neo-Retro

Creative direction

Curated Collection

Color system

Ink & Paper

Style

Card Grid (Modular)

Direction

Quiz/Assessment

Page Sections

Before/after Slider Header

Escalating Gear Comparison Cards

Coil Depth Diagram Overlays

Three-question Detector Quiz

Gold-on-obsidian Call to Action System

No-cart Click-through Layout

Related questions

Does this template include a shopping cart?

Can I add or remove comparison sections?

How does the Detector Quiz work?

Who is this landing page best suited for?

Can I replace the Before/After Slider images with my own photos?