Freight - Cinematic Logistics Landing Page Template

Freight is a cinematic logistics landing page template built for video production agencies serving freight, third-party logistics, and supply chain brands. It pairs an asymmetric 60/40 grid with an Ink and Paper visual identity, a collage-style header with parallax layers, and an award-timeline layout that turns case studies and client outcomes into a compelling, contract-winning portfolio.

by Rocket studio

Quick summary

Freight is a single-page portfolio template for logistics video agencies. It combines a deep Obsidian and Gold color system with an asymmetric grid, a scrapbook-style header, and an award-driven content flow. The page builds trust through sequenced case studies, CMO pull-quotes, and a closing conversion section designed for B2B partnership inquiries.

Who this template is for

This template is built for production houses and creative agencies that specialize in video content for the logistics and supply chain industry. If your clients are marketing directors at freight forwarders, third-party logistics firms, or supply chain software companies, this layout speaks their language.

  • Video agencies pitching logistics and freight brands on sizzle reels and brand films
  • Production studios that need a portfolio page that feels authoritative and award-worthy
  • Creative directors who want a design system that communicates prestige without losing clarity

What problem this template solves

Logistics marketing agencies often struggle to present their work in a way that earns immediate trust from corporate buyers. A generic portfolio grid does not convey scale, industry fluency, or proven results. Freight solves that gap with a structured, proof-first layout.

  • It replaces flat galleries with award-anchored case studies that show real campaign outcomes
  • It gives skeptical procurement-minded buyers a narrative they can follow and share internally
  • It provides a dual conversion path so both ready buyers and early-stage prospects can engage on their own terms

What you get with this template

Freight delivers a fully designed, single-page layout that functions as both a portfolio and a lead generation tool. Every section is purpose-built to move a logistics marketing buyer from curiosity to contact.

  • A parallax collage header with overlapping production stills, handwritten annotations, and a looping showreel thumbnail
  • An award-recognition timeline in a 60/40 asymmetric grid, with full video case studies on the wide column and typographic laurel lockups on the narrow column
  • A dual-path conversion section featuring a branded contact form and a gated downloadable PDF lead magnet

Feature list

This template includes purpose-designed features drawn directly from its brief. Each one serves the goal of turning a first-time visitor into a qualified inquiry.

Asymmetric 60/40 Grid Layout

The page uses a deliberate 60/40 column split throughout the case study section. The wider column carries full video embeds with play-in-viewport behavior. The narrower column stacks award names, festival laurels, and measurable outcomes in tight typographic lockups.

Collage and Scrapbook Header

The header is built as a layered collage of overlapping production stills, styled to look like Polaroids scattered across a light table. Each layer moves at a different scroll speed using parallax, and a looping showreel thumbnail sits at center-right as a persistent visual prompt to press play.

Award Recognition Timeline

Scrolling past the header reveals a chronological timeline of accolades tied directly to the campaigns that earned them. Stakes escalate from regional wins at the top to festival-level recognition further down, building a cumulative case for the agency's track record.

CMO Pull-Quote Dividers

Between case studies, full-width parchment-textured dividers carry oversized serif italic quotes attributed to real clients. Each quote is paired with the client's logo in matte graphite, adding social proof in a format that feels editorial rather than promotional.

Fixed and Full-Width call to action Sections

The primary call to action, "Let's Make Something Award-Worthy," appears first as a fixed gold button after the second case study. It then returns as a full-width closing section with a structured contact form that includes a logistics vertical dropdown, a video budget slider, and a free-text story field.

Gated PDF Lead Magnet

A secondary conversion path offers a downloadable PDF titled "The Logistics Video Playbook: 7 Campaigns That Won." It is gated behind a business email field, giving prospects a shareable proof asset before they are ready to commit to a direct conversation.

Page sections overview

SectionPurpose
Collage HeaderEstablish cinematic identity and invite showreel play
Parallax Annotation LayerAdd handwritten production context to header stills
Showreel ThumbnailDrive video engagement at first scroll
Award Timeline StartOpen case study flow with regional recognition
Case Study Block (Wide)Present full video case study with play-in-viewport
Laurel and Outcome StackDisplay awards and measurable results on narrow column
CMO Pull-Quote DividerAdd editorial social proof between case studies
Escalating Award RowsBuild credibility through festival-level recognition
Fixed Gold call to action ButtonCapture ready buyers mid-scroll
Full-Width call to action FormConvert qualified leads with structured inquiry form
PDF Lead Magnet GateNurture early-stage prospects with downloadable asset

Design & branding system

The visual identity follows an Ink and Paper theme, drawing its authority from the weight and texture of print rather than the brightness of digital trend. Every element is designed to feel considered and permanent.

  • Color system uses deep obsidian black (#0B0C10), aged parchment (#E8E0D2), matte graphite (#3A3A3C), and molten award gold (#C5982E) reserved for trophies, hover states, and client logos
  • Typography pairs oversized serif italics for pull-quotes and editorial dividers with tight typographic lockups for award names and outcome data
  • Handwritten script annotations, torn kraft paper textures, and subtle drop shadows on pinned certificate elements complete the scrapbook aesthetic

Mobile & speed optimization

The layout is designed with responsiveness in mind so the asymmetric grid and layered header translate cleanly to smaller screens. The parallax and collage effects are structured to remain readable and navigable on mobile devices.

  • The 60/40 column structure collapses gracefully to a single-column flow on mobile without losing the case study narrative order
  • Fixed call to action button placement is adapted for thumb-friendly interaction on smaller viewports
  • Video thumbnail and showreel elements are sized and positioned to load and display correctly across screen sizes

How this template helps you convert

Every section of Freight is sequenced to move a hesitant B2B buyer toward action. The layout is not a passive gallery; it is a structured argument that closes with a clear ask.

  1. The award timeline builds progressive trust, starting with accessible wins and escalating to internationally recognized recognition, so the agency's credibility is established before any ask is made.
  2. The dual conversion path separates buyers who are ready to talk from those who need more proof, capturing both audiences without friction and giving internal champions a shareable asset to circulate.

Other information about this template

Freight is part of a broader set of portfolio and agency templates designed for niche creative markets. A few additional details worth knowing before you customize and launch.

  • The template is suited for agencies operating in verticals including third-party logistics (3PL), freight forwarding, warehousing, and supply chain software
  • The contact form dropdown covers five logistics verticals out of the box: 3PL, freight, warehousing, supply chain tech, and other
  • The PDF lead magnet section is pre-labeled with placeholder copy that can be replaced with any gated asset relevant to the agency's positioning
  • The Ink and Paper theme and Obsidian and Gold color system are consistent with the broader template collection this design belongs to
Freight - Cinematic Logistics Landing Page Template
Freight - Cinematic Logistics Landing Page Template
Freight - Cinematic Logistics Landing Page Template
Freight - Cinematic Logistics Landing Page Template

Theme

Ink & Paper

Creative direction

Award & Recognition

Color system

Obsidian & Gold

Style

Asymmetric Grid (60/40)

Direction

Partnership/B2B

Page Sections

Asymmetric 60/40 Grid Layout

Collage and Scrapbook Header

Award Recognition Timeline

CMO Pull-quote Dividers

Fixed and Full-width Call to Action Sections

Gated PDF Lead Magnet

Related questions

Who is the Freight template designed for?

What does the contact form include by default?

How does the PDF lead magnet section work?

Can I customize the colors and fonts?

Is the parallax collage header easy to update?