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 scrollable manufacturing walk, certification panels, a regional project map, and a gated catalog download. Every section earns trust before asking for contact details.
by Rocket studio
Loading preview…
Quick summary
Coil is a Corporate Precision landing page template for transformer manufacturers operating in power infrastructure and industrial markets. It guides technical buyers through a spatial scroll journey, from raw materials to deployment, while collecting qualified leads through a consultation form and a gated catalog download. The design is desktop-first and built for high-stakes B2B procurement decisions.
Who this template is for
This template is built for manufacturers and suppliers of power transformers who sell into utility, industrial, and infrastructure markets. It speaks directly to buyers who evaluate technical specifications before initiating contact.
Utility procurement managers sourcing distribution transformers for grid expansion projects
EPC (Engineering, Procurement, and Construction) contractors specifying power units for mining, oil, and gas installations
Municipal engineers replacing aging substation infrastructure ahead of seasonal deadlines
What problem this template solves
Technical buyers in power procurement rarely convert on generic manufacturer websites. They need specification evidence, compliance credentials, and clear proof of installed capacity before they trust a supplier enough to make contact. This template addresses exactly that gap.
No trust-building before the lead form: certification badges, installed capacity numbers, and a regional project map all load before any form appears
Weak qualification of inbound leads: the consultation form captures project type, required MVA (megavolt-ampere) rating range, and delivery region upfront
Lost mid-funnel prospects: a gated catalog download path converts buyers who are actively specifying but not yet ready to speak
What you get with this template
You get a fully structured, single-page layout that walks a technical buyer through your manufacturing story and qualification process in one continuous scroll. Every section is purposeful and sequenced to build confidence before the conversion ask.
A full-screen video hero section with centered headline copy and a split-screen specification panel
Theme
Corporate Precision
Creative direction
Spatial & Architectural
Color system
Fire & Earth
Style
Split Screen (50/50)
Direction
Partnership/B2B
Page Sections
Split-screen Video Hero Section
Spatial Manufacturing Walk
Installed Capacity Stats and Map
Dual-path Lead Capture
Certifications and Compliance Panel
GSAP Scrolltrigger Interactivity
Related questions
Who is this template designed for?
Can I adapt the consultation form fields for my specific project types?
Does the catalog download path require a separate integration?
Is this template suitable for a manufacturer offering a wide MVA range?
What makes this different from a generic industrial manufacturer template?
A five-stage manufacturing walk featuring technical cutaway panels covering core assembly, tap changer mechanism, oil-cooling circuit, testing, and deployment
A stats bar, regional project map, certifications panel, and dual-path lead capture form with a gated PDF download
Feature list
A brief overview of what makes Coil work as a conversion-focused template for industrial manufacturers.
Split-Screen Video Hero
The hero occupies the full viewport and uses a 50/50 split layout. The left side hosts aerial drone footage over a transformer yard at golden hour, cutting to factory interior shots of a robotic winding arm and welding station. The right panel delivers the headline "Engineered to Hold the Grid" along with a key specification summary, grounding the first impression in both atmosphere and technical authority.
Spatial Manufacturing Walk
Each scroll section is designed like entering a new bay of the factory floor. Left panels display technical cutaway illustrations covering core assembly, tap changer mechanism, and oil-cooling circuit. Right panels carry the specification narrative and compliance credentials including IEC 60076, IS 2026, and KEMA type-tested status. The sequence moves from raw materials through winding, assembly, testing, and final deployment.
Installed Capacity and Project Map
A dedicated stats bar displays installed capacity numbers and total project count. A regional project map visualization shows units operating across delivery regions. This social proof section loads before any lead form, building credibility with buyers who need evidence of scale before initiating contact.
Dual-Path Lead Capture
The primary conversion path is a consultation form anchored in a persistent bottom bar that appears after the second scroll section. It captures company name, project type (utility, industrial, or renewable integration), required MVA rating range, and delivery region. The secondary path offers a transformer catalog PDF download gated behind a business email field, qualifying mid-funnel prospects who are actively specifying.
Certifications and Standards Panel
A dedicated section presents IEC 60076, IS 2026, and KEMA type-tested certification credentials as visual badges. This panel gives procurement managers and engineers the compliance evidence they need to shortlist the manufacturer for formal evaluation without having to request documentation separately.
GSAP ScrollTrigger Animations
The template uses GSAP ScrollTrigger for staggered section reveals, parallax depth layers, and horizontal scroll interactions. Floating cards and cursor effects add interactivity without distracting from the technical content. All animations rely on GPU-accelerated transforms to keep motion smooth during heavy scroll sequences.
Page sections overview
Section
Purpose
Full-Screen Video Hero
Establishes scale and industrial authority with drone and factory footage
Split-Screen Spec Panel
Pairs visual impact with a key specification summary alongside the hero
Manufacturing Walk
Guides buyers through core assembly, winding, testing, and deployment stages
Installed Capacity Stats
Displays project count and capacity numbers as evidence of proven scale
Regional Project Map
Shows active installations across delivery regions to build geographic trust
Certifications Panel
Presents IEC 60076, IS 2026, and KEMA credentials as visual compliance proof
Consultation Form
Captures qualified leads with project type, MVA range, and delivery region
Catalog PDF Download
Converts mid-funnel visitors via a gated business email download path
Single-Row Footer
Closes the page with a clean linear navigation and contact reference
Design & branding system
The visual identity follows a Corporate Precision theme with a Fire and Earth color system. The palette draws from industrial materials, copper, ore, and smelted metal, and tempers warmth with engineering discipline. Typography pairs Fraunces (a serif display face) with DM Sans for body text, giving technical content both weight and readability.
Core colors: molten core orange (#D4500A), kiln-fired terracotta (#A0522D), deep laterite (#3B1C0A), transformer steel gray (#4A4E54), and cool parchment (#F4EDE4) for content panel backgrounds
Structural dividers and dark panels use deep laterite to create the visual depth of moving through successive factory bays
Typography system: Fraunces handles display headlines while DM Sans carries specification text and form labels cleanly at all sizes
Mobile & speed optimization
While this template is designed desktop-first to match the B2B procurement context, where technical evaluation typically happens on large screens, the layout is structured to remain functional and readable across devices. Animations are built to avoid layout-blocking behavior during page load.
All animations use GPU-accelerated CSS transforms only, keeping motion rendering off the main thread
Images across the manufacturing walk and project map sections are lazy-loaded to reduce initial page weight
The persistent bottom bar consultation form remains accessible during scroll without obstructing content on smaller viewports
How this template helps you convert
Coil is sequenced to earn trust before it ever asks for contact information. Each scroll section adds a layer of credibility that makes the eventual conversion ask feel earned rather than premature.
Social proof loads first: installed capacity numbers, project count, and the regional map all appear before any lead form, so buyers arrive at the form already confident in the supplier's scale and reach.
The dual-path capture meets buyers at different stages: procurement managers ready to specify go directly to the consultation form, while buyers still evaluating download the catalog and enter the lead funnel with a qualified business email.
The persistent bottom bar keeps the primary call to action visible without interrupting the scroll journey, reducing friction for buyers who decide to act partway through the page.
Other information about this template
Coil is designed specifically for the transformer manufacturing niche within the broader power infrastructure and renewable energy components market. It handles a procurement context where trust, specification depth, and compliance evidence matter more than visual novelty.
The template is localized for English-language markets with pricing context suited to both USD and INR environments, supporting global delivery regions
The footer follows a Linear Single-Row pattern, keeping the close of the page clean and uncluttered for a professional B2B impression
The value proposition framing covers transformers from 0.5 MVA to 500 MVA, supporting a wide range of utility, industrial, and renewable integration project types
Animation is handled through GSAP ScrollTrigger with staggered reveals, parallax depth layers, horizontal scroll sections, and floating card interactions
