Templates
Marine & Maritime
Shipbuilding & Repair
Refit - Stats-First Ship Conversion Landing Page Template
The Refit landing page template is built for ship conversion and retrofit yards targeting fleet decision-makers. A full-bleed aerial dry dock hero opens with delayed stat overlays, then a stats-first split-screen layout stacks hard proof, 127 conversions, 4.2M GT retrofitted, 98.7% on-schedule delivery, across every scroll section, driving qualified visitors toward a feasibility consultation request.
by Rocket studio
Refit is a high converting landing page template engineered for maritime industrial businesses operating in ship conversion and retrofit. The page opens with an aerial dry dock photograph, holds back its headline for two full seconds, then drops hard numbers in weld-spark amber across a 50/50 split-screen layout. Every scroll section leads with a dominant statistic before explanation follows, turning a single landing into a stacked, arithmetic case for conversion.
This landing page is designed for shipyards, marine engineering firms, and retrofit specialists who sell complex, high-value conversion services to professional buyers. The template speaks directly to people who evaluate evidence first and respond to adjectives last. It is a business tool, not a brochure.
Most maritime service pages bury their strongest proof beneath paragraphs of narrative. Visitors who are making decisions worth tens of millions of euros do not scroll that far. They leave. This landing page template solves that problem by reversing the order: proof arrives first, explanation follows, and the call to action appears repeatedly before doubt has time to form.
This is a complete, single-page layout structured around seven distinct content zones, each designed to report a specific category of proof to a specific type of buyer. You get a desktop-first design with a mobile fallback, a Corporate Precision visual identity, and a layout where every element earns its position the same way every weld on a working vessel does.




Theme
Corporate Precision
Creative direction
Stats-First Impact
Color system
Warm Stone
Style
Split Screen (50/50)
Direction
Click-Through
Page Sections
Stats-first 50/50 Split-screen Layout
Full-bleed Hero with Delayed Stat Overlay
GSAP Scroll Animations and Magnetic Ctas
Asymmetric Bento Project Showcase
Dual Call-to-action Architecture
Conversion Economics Data Section
What type of business is this landing page template built for?
Can I customize the statistics and project examples in the template?
Does the template support a two-path call-to-action structure?
How does the stats-first layout improve conversion rates?
Is this template suitable for paid advertising campaigns?
This landing page template is built around a defined set of components, each grounded in the source brief. The features below report exactly what the template delivers.
The template uses a strict 50/50 split-screen structure throughout. The left panel holds typographically dominant figures in weld-spark amber. The right panel displays corresponding project photography, technical diagrams, or classification society endorsements. This layout is the engine behind the page's high converting performance: data and evidence sit side by side, and visitors never have to search for the numbers that matter. Each scroll section opens with a hard figure before any sentence of explanation appears, which mirrors the way a qualified fleet person actually evaluates a yard.
The header is a full-bleed photo zone: an aerial drone shot of a vessel mid-conversion in a dry dock, hull plates removed, machinery being craned in, workers visible on scaffolding for scale. The composition splits naturally between raw steel on the left and newly installed systems on the right. No headline appears for the first two seconds. Then a stat fades in over the image: "127 conversions delivered. 4.2M GT retrofitted." This delayed entry technique is one of the most effective tools for commanding attention on a high converting landing page, because it forces the visitor to watch before they read.
The template includes high-complexity animations built around GSAP scroll reveals, staggered number count-up effects, and parallax section transitions. Project cards carry hover states. Call to action buttons use a magnetic interaction that responds to cursor movement. These interactive elements increase the perceived value of the page and hold attention across a longer scroll session, which is critical for a business that needs to deliver substantial evidence before a visitor will submit a consultation request.
Section three presents three conversion types in an asymmetric bento grid: tanker to floating hospital, ferry to expedition yacht, and cargo ship to LNG-ready propulsion. Each card entry documents a distinct conversion category, giving visitors a fast visual report of the yard's range. The bento format lets the page display multiple examples without creating a list-like document that slows reading pace. Hover states animate each card, keeping the section interactive and encouraging visitors to watch the full range of work before moving on.
The primary call to action, "Request Conversion Feasibility Study," appears first beneath the hero stats and repeats after every second section. A secondary path, "Download Fleet Retrofit ROI Calculator," captures earlier-stage prospects who are not yet ready for direct contact. This dual structure ensures the page can guide visitors toward conversion at two different stages of readiness. A conversion-focused form collects only required information, keeping fields minimal so visitors are more likely to complete and submit without hesitation.
Section two anchors on "€340M average vessel value preserved" and builds a lifecycle cost analysis around that figure. The split panel pairs the data callout with supporting photography or classification society endorsement material. A secondary call to action for the ROI calculator download appears here, capturing visitors who need more document-level proof before they will request a consultation. This section directly addresses the financial calculation every fleet manager runs before they will sign off on a conversion project.
| Section | Purpose |
|---|---|
| Hero dry dock | Opens with aerial photo, two-second stat delay, and primary call to action |
| Conversion economics panel | Reports €340M vessel value stat with lifecycle cost analysis |
| ROI calculator call to action | Captures earlier-stage prospects with secondary download path |
| Project showcase bento | Displays three conversion type examples in asymmetric grid |
| Operational precision panel | Leads with 22-week duration and 98.7% on-schedule delivery stat |
| Process methodology block | Explains the yard's scheduling and delivery approach |
| Consultation form section | Hosts the feasibility study request form with minimal fields |
| Secondary download path | Reinforces the ROI calculator offer for undecided visitors |
| Linear footer row | Single-row footer with contact and navigation links |
The visual identity follows a Corporate Precision theme. Every color in the Warm Stone palette is drawn from working waterfront surfaces: sun-bleached concrete quay walls, rusted bollards, dry dock shadow, and the brief violent light of a weld spark. The palette carries industrial warmth without softness, which is the correct register for a page selling services to people who manage vessels worth hundreds of millions of euros.
The template is built desktop-first, which reflects the reality that fleet decision-makers working on vessel conversion budgets typically operate from workstations in a port office or a fleet management department. Mobile optimization is still present as a fallback, because key decision-makers often view projects on their phones when they are away from their desk. The layout adapts cleanly without losing the stat-first hierarchy.
A high converting landing page works by aligning traffic intent, persuasive messaging, visual hierarchy, and a clear call to action within one focused environment. This template is designed around that principle from the first viewport to the footer. The average conversion rate for landing pages across all industries reaches only 2.35%, but industry averages for landing page conversion rates vary widely depending on traffic source, trust level, and how well the page matches visitor intent. This template is built to push well past the baseline by eliminating every source of friction and doubt.
This section covers additional context that supports practical decision-making for anyone evaluating this template for their maritime business or for a client in the shipbuilding and repair sector.