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
Loading preview…
Quick summary
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.
Who this template is for
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.
Production supervisors and operations managers who need zero scheduling errors across twelve-hour tower shifts
Landmen coordinating simultaneous drill programs across multiple counties and basins
Software founders and product teams building or launching a field services booking platform
What problem this template solves
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.
Operations teams cannot trust a scheduling tool that looks like it was built for a desktop office, not a drill floor
Landmen managing multi-county programs need to see availability counts at a glance, not chase down dispatchers
Potential customers abandon booking demos that feel slow or unclear on mobile devices
What you get with this template
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.
A six-panel dark glass hero grid with ghosted iconography and live availability count styling in amber
Scroll-triggered versus modules comparing legacy coordination against the platform's workflow, with quantified deltas
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
Related questions
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?
A fleet audit intake form that qualifies high-value leads by basin location, active well count, and current scheduling method
Feature list
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.
Six-Panel Booking Category Hero
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.
Cursor Parallax on Hero Grid
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.
Comparison Versus Modules
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.
Three-Click Booking Flow Demo
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.
Fleet Audit Intake Form
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.
Role-Specific Testimonial Section
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.
Page sections overview
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
Design & branding system
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.
Color palette: wellbore black (#0B0E11) background, translucent panel smoke (#1A1E2E at 60% opacity), pressure-gauge amber (#E8A317) for primary user interface elements, and blowout-preventer red (#C62828) reserved strictly for alerts and primary call-to-action buttons
Typography: DM Sans handles body copy for clean readability; JetBrains Mono is used for data labels, metrics, and availability counts to reinforce a live-instrument feel
Scroll-triggered reveals, counter animations, and card pulse effects build momentum as the visitor moves down the page
Mobile & speed optimization
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.
Touch-friendly card targets and a three-click booking flow keep the experience fast on small screens
GPU-accelerated transforms and IntersectionObserver-based scroll triggers keep animations smooth without blocking the main thread
High-contrast amber-on-black colour ratios keep labels and availability counts readable in harsh outdoor lighting conditions
How this template helps you convert
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.
The hero grid opens with live availability counts in amber, signalling immediately that the system is active and ready. Visitors understand what they can book before reading a single line of body copy.
The versus comparison modules make the cost of the status quo visible. Quantified deltas on hours saved and idle iron costs give operations managers a concrete reason to act before they reach the bottom of the section.
The "Book Your First Slot Free" call to action in blowout-preventer red is pinned to the bottom of every comparison card. The fleet audit form catches leads who are not ready to book but are high enough in value to qualify before a demo call.
Other information about this template
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.
The template style is Card Grid (Modular), making individual sections easy to reorder, duplicate, or remove as a product evolves
Localization details include basin references, dayrate language, AFE terminology, and spud sequencing metaphors that resonate with upstream operators
Animation intensity is set to high across cursor parallax, scroll-triggered reveals, counter animations, and card pulse effects, all configurable at the component level
