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
| Section | Purpose |
|---|---|
| Before/After Slider | Opens with emotional hook and headline |
| Detector Comparison Cards | Contrasts entry-level and mid-range units |
| Coil Comparison Section | Compares stock, sniper, and wide-scan coils with depth diagrams |
| Pinpointer Comparison | Side-by-side pinpointer options for precision recovery |
| Digging Tools Comparison | Shows trowel and digger options by soil type |
| Carry Bags Comparison | Matches bag options to setup size and field use |
| Detector Quiz | Outputs personalized recommendation via three questions |
| Mobile call to action Bar | Persistent 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.
- 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.
- 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




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?