Derrick is a bold brutalist glassmorphic landing page template built for oilfield booking platforms. Six translucent category panels anchor the hero, while scroll-triggered comparison sections frame the old way against the Derrick way. Built for mobile-first field operators, it guides production supervisors, landmen, and operations managers from first scroll to a free slot booking in three clicks.
by Rocket studio
Derrick is a single-page booking template designed for oilfield vertical software. It combines a dark glass panel hero grid, head-to-head comparison sections, a three-click booking flow demo, a fleet audit intake form, and role-specific testimonials. Every section is built to convert field operators into trial signups under real working conditions.
This template is built for operators running digital scheduling tools in the upstream oil and gas market. It speaks directly to the people who lose money when iron sits idle or crews get double-booked.
Legacy field coordination runs on phone trees, handwritten whiteboards, and faxed authorization for expenditure (AFE) forms. That workflow creates idle equipment costs, double-booking incidents, and delays that burn dayrate. Derrick replaces that friction with a clear, mobile-first interface that communicates speed and reliability from the first scroll.
The template delivers a fully structured, single-page layout with high interactivity and a strong visual hierarchy. Every section has a defined purpose tied to moving the visitor toward a booking action.




Theme
Bold Brutalist
Creative direction
Launch Energy
Color system
Glassmorphic
Style
Card Grid (Modular)
Direction
Comparison/Versus
Page Sections
Six-panel Dark Glass Hero Grid
Scroll-triggered Versus Modules
Three-click Booking Flow Demo
Fleet Audit Intake Form
Role-specific Testimonial Section
Pinned Red Call-to-action Buttons
Who is this template designed for?
Can I customise the six booking category panels in the hero?
Does the template include the fleet audit form logic?
Is this template built for mobile-first users?
What booking categories come with the hero grid by default?
This template ships with purpose-built components tuned to the oilfield booking use case. Each feature below comes from the source brief and is visible in the final page layout.
The hero replaces a static banner with six translucent brutalist cards arranged in an asymmetric grid. Each card represents a booking category: Rigs, Crews, Transport, Wireline, Frac Spreads, and Inspection. Ghosted iconography and pulsing amber availability counts make the interface itself the visual centrepiece.
As the cursor moves across the hero grid, each panel shifts slightly, like instrument gauges responding to pressure changes. This scroll and cursor parallax effect uses GPU-accelerated transforms. It creates a tactile sense of depth without slowing the page load experience.
Each scroll section pairs a grainy monochrome "old way" column against a sharp amber-on-black "Derrick way" column. Quantified deltas highlight hours saved, idle equipment costs eliminated, and double-booking incidents reduced to zero. This head-to-head format builds operational trust quickly.
A dedicated section walks visitors through the actual booking sequence using real data styling. The flow is designed to show that a production supervisor can reserve a rig, crew, or equipment slot from a mud-caked phone screen in three clicks. It demonstrates the core value proposition before the visitor reaches the call to action.
A short qualifying form asks for basin location, active well count, and current scheduling method. This filters high-value operations teams before any demo call is scheduled. It acts as a secondary conversion path alongside the primary "Book Your First Slot Free" call to action.
Social proof is presented with role attribution: Production Supervisor, Landman, and Operations Manager. Each testimonial references a specific, quantified outcome such as hours saved or idle costs eliminated. This makes the proof feel credible to the exact buyers reading the page.
| Section | Purpose |
|---|---|
| Hero Grid Panels | Display six booking categories with live availability styling and cursor parallax |
| Versus Comparison Modules | Frame legacy coordination against the platform with quantified improvement deltas |
| Booking Flow Demo | Walk visitors through the three-click mobile booking sequence using real data |
| Fleet Audit Form | Qualify high-value leads by collecting basin, well count, and scheduling method |
| Testimonials Section | Build trust with role-specific social proof tied to measurable field outcomes |
| Footer Row | Provide a clean single-row close with links and a final call-to-action anchor |
The visual language is Bold Brutalist Glassmorphic. Frosted translucent panels float over a pure black viewport, with amber instrument lighting catching panel edges the way caution strobes catch steel on a rig mast at night.
The template is built mobile-first because field operators book from the drill floor, not a desktop office. Every interaction is designed for gloved hands, bright sunlight, and limited attention.
Every design decision in this template is aimed at turning a sceptical field operator into a trial signup. The page does not waste scroll depth on decoration.
This template is categorised under Technology, specifically the Oil Field Vertical SaaS subcategory, targeting the oilfield booking system niche. It is designed for the United States market, using USD pricing, imperial measurements, and standard upstream oilfield terminology throughout.