Gloss is a horizontal scroll landing page built for beauty and salon video marketing agencies. It combines a cinematic Photo Grid Mosaic header, award-driven case study panels, and a glass-morphism visual system to turn agency proof into booked clients. Every section builds prestige, and a persistent call-to-action guides visitors straight into a booking flow.
by Rocket studio
Loading preview…
Quick summary
Gloss is a horizontal scroll landing page designed for agencies that produce cinematic content for salons, med-spas, and beauty brands. The layout moves visitors through escalating proof panels, from client problem to measurable results to award recognition, before landing them on a full-width booking call-to-action. The design feels like a polished editorial lookbook brought to life on screen.
Who this template is for
This template is built for video production agencies and creative studios focused on the beauty industry. If your business turns salon shoots into scroll-stopping reels, brand films, or ad campaigns, this layout was designed around your sales story.
Beauty and salon video marketing agencies presenting a proof-heavy portfolio
Med-spa and beauty brand content studios that need to convert cold traffic into booked shoots
Solo directors or small crew agencies positioning cinematic quality against lower-tier competitors
What problem this template solves
Salon and beauty agency websites often bury the best proof behind too much navigation. Potential clients click away before they see the reel that would have sold them. This template eliminates that drop-off by front-loading metrics, laurels, and client names in every panel.
Visitors leave before reaching strong proof because it is hidden on secondary pages
Agencies look indistinguishable from cheaper competitors when the visual presentation does not match the work quality
No clear next step means interested visitors stall instead of booking a call
What you get with this template
You get a complete, single-page horizontal scroll layout structured as a cinematic case study journey. Every panel is sequenced to build trust, and the call-to-action travels with the visitor until they are ready to click.
A Photo Grid Mosaic header with pulsing play icons on every still image tile
Three-panel award case study sections covering the client problem, hero reel with metrics, and a client quote
Theme
Tech Glass
Creative direction
Award & Recognition
Color system
Ink & Paper
Style
Horizontal Scroll
Direction
Click-Through
Page Sections
Photo Grid Mosaic Header
Horizontal Scroll Case Study Panels
Glass-morphism Metric Cards
Persistent Floating Call-to-action
Award and Press Recognition Panel
Tech Glass Visual Identity
Related questions
Does this template include a contact form?
Can I swap in my own reel footage and client case studies?
Is the horizontal scroll layout suitable for mobile visitors?
How many case study panels does the template support?
What makes this template different from a standard agency portfolio page?
A floating glass pill call-to-action that locks into a full-width sticky bar on the final panel
Feature list
This template is built around several tightly integrated design and layout features, each serving a specific role in the conversion flow.
Photo Grid Mosaic Header
An asymmetric grid of salon shoot stills fills the header. No single image dominates the frame. Each tile carries a barely-visible play icon that pulses once in violet, signaling that every image is a video waiting to play.
Horizontal Scroll Case Study Panels
The page moves laterally, not vertically. Each scroll step is a structured case study panel: a stark client problem statement, a looping hero reel layered with view counts and engagement lifts, and an oversized serif client quote. The sequence escalates prestige with every panel.
Glass-Morphism Metric Cards
Floating glass-morphism cards layer over live reel footage inside the case study panels. They display view counts, engagement lift figures, and festival laurels, making results visible at a glance without interrupting the cinematic feel.
Persistent Floating Call-to-Action
The primary call-to-action, reading "Watch the Reel, Then Book the Crew", appears as a glass pill that travels with the horizontal scroll. On the final panel, it locks into a full-width sticky bar so the booking prompt is never out of reach.
Award and Press Recognition Panel
The final panel tiles award logos and press mentions across a full-width credits-style layout. This closes the journey with industry validation before the visitor reaches the booking call-to-action.
Tech Glass Visual Theme
The entire layout uses a Tech Glass aesthetic built on an Ink & Paper color palette. Deep editorial black, warm parchment, and soft graphite form the base, with glass-refraction violet reserved for hover states, play buttons, and award badges.
Page sections overview
Section
Purpose
Photo Grid Mosaic Header
Opens with a grid of salon shoot stills, each tile a playable video
Case Study Panel One
States the client problem in a single stark sentence on parchment
Case Study Panel Two
Plays looping hero reel with metric cards and festival laurels
Case Study Panel Three
Displays oversized serif client quote for social proof
Award and Press Panel
Tiles award logos and press mentions like rolling end credits
Sticky Booking Bar
Locks the primary call-to-action into a full-width bar on the final panel
Design & branding system
The visual identity follows a Tech Glass theme built on an Ink & Paper color system. The result feels like a heavyweight matte-finish lookbook that reveals a holographic foil stamp when you tilt the page.
Color palette: deep editorial black (#1A1A1A), warm parchment (#F5F0E8), soft graphite (#4A4A4A), and glass-refraction violet (#9D8EC7) used only for hover states, play buttons, and award badges
Typography: oversized serif type carries client quotes while the broader layout stays restrained and editorial
Glass-morphism cards float over video footage, keeping the interface tactile and dimensional without cluttering the visual field
Mobile & speed optimization
The template is built with a lean, section-led structure that keeps the experience clean across screen sizes. The horizontal scroll mechanic and video-forward layout are designed to load efficiently within the single-page architecture.
Lightweight panel structure keeps the layout responsive without heavy framework dependencies
Video tiles default to still images with play icons, avoiding autoplay weight on initial load
The floating call-to-action adapts from a glass pill in scroll view to a full-width sticky bar on the final panel
How this template helps you convert
Every design decision in Gloss points toward one outcome: getting the visitor to click through to the booking page. There is no form on this page; the call-to-action routes directly to a calendar-integrated booking flow.
Front-loading proof in every panel means trust is established before the ask, so the visitor arrives at the booking click already convinced by metrics, laurels, and client names.
The persistent floating call-to-action removes any friction caused by needing to scroll back to find a button, keeping the booking option visible throughout the entire horizontal journey.
Other information about this template
This template is part of the Portfolio and Agency category, sitting within the Beauty and Salon Marketing and Agency subcategory. It is purpose-built for the Beauty and Salon Video Marketing Agency niche and carries an intersection match score of 13, indicating a strong alignment between the template style and the target use case.
