Coil is a split-screen landing page template built for transformer manufacturers targeting utility procurement managers, EPC contractors, and municipal engineers. It pairs a full-screen video hero with a spatial scroll narrative that walks visitors through manufacturing, compliance credentials, and installed capacity before presenting a dual-path lead capture for technical consultation requests and catalog downloads.
by Rocket studio
Loading preview…
Quick summary
Coil is a Corporate Precision landing page template designed for transformer manufacturers in the power infrastructure space. It uses a 50/50 split-screen layout and a factory-floor spatial narrative to build technical credibility with procurement managers, EPC contractors, and municipal engineers before presenting two conversion paths: a consultation request form and a gated catalog download.
Who this template is for
This template is built for industrial B2B teams who sell engineered power equipment to technically demanding buyers. The layout speaks the language of specification documents, compliance credentials, and megavolt-ampere ratings, not consumer marketing.
Transformer original equipment manufacturers targeting utility and grid-expansion contracts
EPC contractors and municipal engineering teams evaluating distribution and power transformer options for critical infrastructure projects
What problem this template solves
Most industrial manufacturers present their products with generic brochure pages that fail to communicate engineering depth or earn the trust of a procurement manager mid-specification. Coil addresses that gap directly.
Buyers arrive needing technical proof before they engage: certifications, capacity numbers, and regional deployment data must load before any form appears
The dual-path lead capture separates buyers who are ready to consult from those still actively spec'ing, so no qualified lead is lost to a single call-to-action mismatch
What you get with this template
You get a fully structured, single-page layout that guides a technically minded visitor from first impression through to a qualified lead action. Every section has a defined role in the conversion sequence.
A full-screen video hero with centered headline, followed by a persistent bottom bar anchoring the primary call to action after the second section
A scroll-driven manufacturing narrative with left-panel technical cutaways and right-panel specification content, moving from raw materials through winding, assembly, testing, and deployment
A dual lead capture section combining a detailed consultation request form and a gated PDF catalog download behind a business email field
Theme
Corporate Precision
Creative direction
Spatial & Architectural
Color system
Fire & Earth
Style
Split Screen (50/50)
Direction
Partnership/B2B
Page Sections
Full-screen Video Hero with Persistent Call to Action Bar
Split-screen Manufacturing Narrative
Dual-path Lead Capture System
Installed Capacity and Project Map Section
Tab-switching Specification Panels
Scroll-linked Transitions with Parallax Depth
Related questions
What industries is this landing page template designed for?
Does the template support two different lead capture paths?
Can I use this template if my team primarily works with desktop users?
How does the template build trust before asking for lead information?
Can the specification panels be adapted for different transformer product lines?
Feature list
The sections below describe the template's built-in capabilities as delivered. Each feature is grounded in the source brief.
Full-Screen Video Hero with Persistent Call-to-Action Bar
The hero section uses aerial drone footage over a transformer yard at golden hour, cutting to factory interior winding sequences. The headline "Engineered to Hold the Grid" lands centered and heavy. After the second section, a persistent bottom bar keeps the primary "Request Technical Consultation" call to action visible throughout the visitor's scroll journey.
Split-Screen Manufacturing Narrative
Each scroll section replicates the experience of moving through a factory bay. The left panel displays technical cutaway illustrations covering core assembly, tap changer mechanisms, and oil-cooling circuits. The right panel delivers specification narrative and compliance credentials, including references to IEC 60076, IS 2026, and KEMA type-testing. The layout transitions the visitor from raw materials through winding, assembly, testing, and field deployment.
Dual-Path Lead Capture System
Two conversion paths operate simultaneously. The primary path is a "Request Technical Consultation" form capturing company name, project type (utility, industrial, or renewable integration), required megavolt-ampere rating range, and delivery region. The secondary path gates a transformer catalog PDF behind a business email field, qualifying leads who are still in the specification phase.
Installed Capacity and Regional Project Map
Before any form appears, the template displays installed capacity statistics and a live project map showing transformer units operating across regions. This section loads trust signals including certification badges and megavolt-ampere delivered metrics, establishing credibility prior to the ask.
Tab-Switching Specification Panels
The template includes interactive tab-switching within specification sections, allowing visitors to toggle between different product parameters or compliance views without leaving the page. This keeps technically detailed content organized and scannable for engineers working through a procurement checklist.
Scroll-Linked Section Transitions with Parallax Depth
Medium-intensity scroll-linked transitions and parallax depth layers create a sense of physical movement through the manufacturing line. The animations deepen as the visitor progresses, mirroring the increasing scale and stakes of the production process, without decorative gimmicks that distract from content.
Page sections overview
Section
Purpose
Hero Video Header
Establishes scale and headlines the core value proposition
Manufacturing Walk
Guides visitors through raw material to winding with split technical panels
Assembly and Testing
Presents compliance credentials including IEC 60076, IS 2026, and KEMA
Installed Capacity Stats
Displays capacity numbers and regional project map before lead forms
Dual Lead Capture
Captures consultation requests and qualifies catalog-download leads
Industrial B2B Footer
Closes the page with minimal, structured contact and navigation links
Design & branding system
The visual identity follows a Corporate Precision theme built on a Fire and Earth color palette. Every color choice references the physical reality of transformer manufacturing: ore, copper, heat, and steel.
Core palette: molten core orange (#D4500A) for primary actions, deep laterite (#3B1C0A) for dark backgrounds, cool parchment (#F4EDE4) for content panels, kiln-fired terracotta (#A0522D) for accent use, and transformer steel gray (#4A4E54) for structural dividers
Typography: Fraunces serif headings for weight and gravitas, paired with DM Sans body text for precision readability across specification-heavy content
Mobile & speed optimization
The template is built desktop-first, reflecting how procurement managers and engineers typically spec equipment on workstations. Mobile responsiveness is included for field engineers reviewing details on site.
Desktop-first layout prioritizes wide split-screen panels, two-column specification grids, and full-width video rendering on larger screens
Static sections use server components for efficient rendering, while interactive elements such as forms and scroll animations are handled client-side to keep the experience responsive
How this template helps you convert
Coil is structured to earn trust before it asks for anything. The conversion sequence is deliberate and technically grounded.
The installed capacity stats, regional project map, and certification credentials load before either lead capture form appears, so a procurement manager sees proof of scale and compliance before they are asked to share their project details.
The dual-path lead capture separates ready-to-consult buyers from active-specification researchers, allowing both audiences to self-qualify without friction, and the persistent call-to-action bar ensures the primary conversion option stays visible from the second section onward.
Other information about this template
This template is localized for industrial B2B contexts spanning both Indian and international procurement environments. Several details reflect that positioning.
Pricing and unit references support dual INR and USD context, with metric units throughout: megavolt-ampere ratings, kilovolt levels, and hertz specifications
The template references Indian geography and infrastructure cycles, including monsoon-season replacement procurement timelines relevant to municipal engineering buyers
The footer pattern is adapted from a developer-minimal structure, keeping the close of the page clean and functional rather than decorative
Content architecture follows a Spatial and Architectural creative direction, treating each scroll section as a distinct bay in the manufacturing facility rather than a conventional content block
The header concept is a full-screen video background, and the overall template style is a 50/50 split screen, making it well-suited for manufacturers who have strong visual assets from their production facilities
