Scrap - Precision Shiprecycling Landing Page Template

Quick summary

Scrap is a lead generation landing page for ship recycling yards targeting fleet managers, maritime lawyers, and protection and indemnity clubs. It uses a zigzag case study narrative with real vessel data, a before-and-after header comparison, and persistent calls to action. Every section moves a serious buyer closer to requesting a recycling assessment.

Who this template is for

This template is built for industrial maritime operators who need to communicate technical credibility to demanding, detail-oriented buyers. The audience does not respond to vague claims. They respond to documented outcomes, auditable data, and proof that the yard can handle the paperwork as confidently as it handles the hull.

• Fleet managers at shipping conglomerates offloading end-of-life tonnage
• Maritime lawyers handling Hong Kong Convention compliance requirements
• Protection and indemnity clubs seeking verifiable green recycling certificates for EU audits

What problem this template solves

Ship recycling is a regulated, liability-heavy process. Yards that fail to communicate compliance rigor, material recovery accuracy, or hazmat handling capability lose contracts to competitors who do. This template solves the credibility gap between what a yard can actually deliver and what a prospective client can verify before signing.

• Buyers cannot easily assess a yard's compliance track record from a generic website
• Fleet managers need vessel-specific data to justify decommissioning decisions internally
• Compliance officers require documented proof of process before adding a yard to an approved shortlist

What you get with this template

You get a fully structured, single-page layout that takes visitors from first impression through multiple proof points and into a qualified lead capture form. The design is ready to populate with your own vessel case studies, recovery metrics, and certificate samples.

• A draggable before-and-after header comparing a vessel at anchorage with the cleared berth and recovery dashboard
• Zigzag alternating sections, each built around a different vessel class with its own micro-timeline and data table
• Two conversion paths: a recycling assessment slide-in form and a downloadable green recycling certificate sample

Feature list

This template is built around a set of deliberate design and functional choices, each serving the specific needs of the ship demolition and recycling sector.

Draggable Before-and-After Header

The header displays a named vessel with its International Maritime Organization number and gross tonnage visible. A slow horizontal wipe lets visitors drag between the vessel's arrival state and the cleared berth, with animated data counters showing recovered steel tonnage, non-ferrous yields, hazmat disposals, and the total recycling compliance score.

Zigzag Case Study Sections

Each alternating section features a different decommissioned vessel class: a single-hull tanker, a Capesize bulker, a container feeder, and an asbestos-laden floating production storage and offloading unit. Sections escalate in complexity. Image-left and data-right panels reverse with every block to sustain visual rhythm while building a credibility arc across the scroll.

Micro-Timeline Per Vessel Block

Inside every case study block, a compressed project timeline shows arrival survey, cutting plan approval, block-by-block dismantling, downstream material sale, and certificate issuance. The timeline communicates process discipline and gives compliance-minded buyers a clear view of how each stage is documented.

Live Data Command Metrics

Each vessel block surfaces real-type metrics: light displacement tonnage recovered, revenue per ton, days on plot, and zero-incident hours logged. The Data Command visual language presents these figures in a format that reads like a bridge instrument panel, reinforcing precision and accountability.

Persistent Recycling Assessment Call to Action

A primary call to action button reading "Get a Recycling Assessment" in amber on black is anchored to the bottom of every case study block. It is never more than one scroll away. Clicking it opens a slide-in panel form that starts with the vessel's International Maritime Organization number and auto-populates vessel name and class.

Certificate Download Conversion Path

A secondary conversion path lets compliance officers and lawyers download a green recycling certificate sample by submitting their email. This captures leads from buyers who are building an approved-yard shortlist but are not yet ready to commit a vessel, extending the template's reach into the pre-qualification stage of the sales cycle.

Page sections overview

Design & branding system

The visual identity follows a Data Command theme built on a Carbon Fiber color system. The palette is dark, dense, and deliberately industrial, designed to read like a bridge instrument panel at night where every bright element signals something measurable.

• Base tones: deep hull black (#0D0D0D) and plate-steel charcoal (#2B2B2B) with weave-pattern graphite (#3D3D3D) for layered depth
• Torch-arc cyan (#00E5FF) appears on data points, interactive highlights, and animated counters to direct attention to key metrics
• Safety-marking amber (#FFB300) is reserved exclusively for calls to action and alert states, giving every conversion prompt a consistent, high-visibility signal

Mobile & speed optimization

The template is structured for clear, responsive rendering across screen sizes. The heavy visual content is organized in stacked blocks that adapt naturally to narrower viewports without losing the data-forward layout logic.

• Zigzag alternating columns collapse to single-column stacks on smaller screens, keeping case study content readable and sequential
• The draggable before-and-after header adapts to touch interaction on mobile devices, preserving the interactive reveal experience
• Data tables and micro-timelines are formatted to remain legible on compact screens without horizontal scrolling

How this template helps you convert

Every design and layout decision in this template is aligned to one outcome: turning a skeptical maritime professional into a qualified, form-submitted lead.

1. The before-and-after header opens with immediate proof. Visitors see a real vessel quantified into steel tonnage, non-ferrous yields, and a compliance score before they read a single line of copy, establishing trust in the first seconds.
2. The escalating case study arc earns deeper scroll. Each vessel block is more complex than the last, rewarding continued reading and demonstrating that the yard can handle whatever a buyer's fleet requires, from a clean tanker to a full hazmat FPSO.
3. Two conversion paths match two buyer states. The assessment form captures buyers ready to move a specific vessel, while the certificate download captures compliance officers still building their shortlist, so no qualified visitor leaves empty-handed.

Other information about this template

This template is part of a broader library of marine and maritime templates built for specialized industry niches. It is designed to support operators in the ship demolition and recycling sector who serve international clients and need a professional digital presence that matches the seriousness of the work.

• The template style is zigzag and alternating, making it well-suited for yards that want to present multiple vessel case studies without the page feeling repetitive
• The lead generation direction is intentional: the layout is optimized to capture high-value inquiries from fleet managers and compliance professionals, not general web traffic
• The template can support custom vessel photography, real metric inputs, and certificate documents dropped directly into the pre-built section slots
• It fits within the Marine and Maritime category under the Shipbuilding and Repair subcategory, specifically aligned to the Ship Demolition and Recycling niche

Show more