Enroll is a split-screen recruitment landing page built for a retail and hospitality benefits consultancy. It pairs a warm team photo with clean narrative copy, walks visitors through a five-step client engagement journey, and closes with a focused application form. The design uses an Educational Guide style to attract experienced benefits and HR professionals ready to do meaningful consulting work.
by Rocket studio
Loading preview…
Quick summary
Enroll is a single-page recruitment landing page for a benefits consultancy serving retail chains and hotel groups. It uses a 50/50 split-screen layout, a visible five-step journey, and a targeted application form to attract experienced benefits and HR consultants. The page earns the application click by showing the depth of client work before the form ever appears.
Who this template is for
This template is built for a benefits consultancy that wants to hire experienced talent, not just collect resumes. It speaks directly to professionals who have solved real HR problems and want to do more of it at scale.
Benefits consultants with three to ten years of experience looking for a firm with substantive client work
HR directors at restaurant or hospitality groups who are considering a pivot into consulting
Recruiting leads at benefits firms who need a polished, conversion-ready page without building from scratch
What problem this template solves
Retail and hospitality HR roles carry high turnover, seasonal complexity, and benefits programs that rarely match the workforce. Firms that serve these clients need consultants who understand the terrain. The challenge is that a generic careers page does not communicate that depth, and experienced candidates scroll past it.
It replaces a forgettable job listing with a narrative that shows the caliber of client problems the firm actually solves
It filters for the right candidates by making the work visible before the application form appears
It gives a consultancy a professional, focused recruiting presence without a full multi-page careers site
What you get with this template
You get a complete, single-page layout that moves a prospective hire from curiosity to application in one continuous scroll. Every section is purposeful and ordered to build trust before asking for a commitment.
A 50/50 split-screen hero with a warm team photo on one side and a clear headline and call to action on the other
A five-step journey section (Audit, Design, Implement, Communicate, Optimize) with a left-edge progress bar and alternating split panels
Theme
Educational Guide
Creative direction
Step-by-Step Guide
Color system
Cloud Canvas
Style
Split Screen (50/50)
Direction
Recruitment/Hiring
Page Sections
Split-screen Hero with Team Photo
Five-step Journey with Progress Bar
Client Outcomes Metrics Strip
Focused Candidate Application Form
Compact Open Roles Grid
Scroll-triggered Section Animations
Related questions
Who is this landing page designed to attract?
Does the template include a working application form?
Can I update the team photo and client metrics with my own content?
What makes this different from a standard job listing page?
Is this a multi-page careers site or a single landing page?
A metrics strip showing real client outcome examples, a compact role grid near the footer, and a focused application form
Feature list
This section covers the core built-in components that make the template functional and persuasive.
Split-Screen Hero Section
The header divides the viewport evenly. The left half holds a wide, natural-light team photo showing consultants in conversation around a conference table. The right half sits on notebook cream and carries the headline "We Make Benefits the Reason People Stay" alongside the primary call-to-action button.
Five-Step Narrative Journey
Five numbered chapters (Audit, Design, Implement, Communicate, Optimize) scroll in sequence down the page. Each step uses a split panel: an illustration or icon on the left that animates in on scroll, and concise copy paired with a real client metric on the right. A progress bar fills along the left edge as the visitor scrolls.
Client Outcomes Metrics Strip
A dedicated horizontal strip surfaces real engagement results from past clients, such as turnover reduction percentages and enrollment rates. Named client types (mid-size restaurant groups, regional retail operators, hospitality CFOs) provide context without requiring logo placements.
Focused Application Form
The form captures name, current role, years of experience in benefits or HR, and one open-ended question: "What's the trickiest benefits problem you've solved?" Form validation is built in, keeping submissions clean and meaningful.
Role Grid Near Footer
A compact grid of open consulting positions anchors the lower section of the page. A "See Open Roles" link in the top navigation scrolls directly to this grid, giving candidates a fast secondary path if they want to browse before committing to the full narrative.
Scroll-Triggered Animations
Step illustrations animate in as the visitor reaches each chapter. The left-edge progress bar fills in real time. These interactions make the page feel like turning pages in a guidebook rather than reading a static document.
Page sections overview
Section
Purpose
Split-Screen Hero
Introduces the firm and primary call to action
Five-Step Journey
Walks through the client engagement process chapter by chapter
Client Outcomes Strip
Shows real results from past retail and hospitality engagements
Application Form
Captures qualified candidate details and a meaningful open question
Open Roles Grid
Lists current consulting positions near the footer
Single-Row Footer
Provides navigation and secondary contact information
Design & branding system
The template follows an Educational Guide visual theme. Every design choice is meant to feel like a well-organized planner on a clean desk: approachable, warm, and gently motivating rather than clinical or corporate.
Color palette: cumulus white (#F7F9FC) for the main background, chalkboard charcoal (#2D3436) for body text, warm notebook cream (#FFF8E7) for panel backgrounds and pull-quote areas, and highlighter teal (#2EC4B6) for buttons, progress indicators, and key callouts
Typography: Fraunces (a warm serif) for display headlines and chapter titles, DM Sans (a clean sans-serif) for body copy and interface elements
Layout rhythm: white space breathes between sections, cream panels hold case study metrics and pull-quotes, and teal consistently marks the next action point so the eye always knows where to go
Mobile & speed optimization
The template is designed desktop-first to serve HR directors and CFOs working at their desks. A solid mobile fallback ensures the page remains usable and readable on smaller screens.
The 50/50 split panels stack vertically on mobile, keeping the team photo and headline copy in the correct reading order
Scroll-triggered animations and the progress bar are handled by dedicated client components, keeping static sections lean and fast to render
The application form includes built-in validation so mobile users receive clear inline feedback without needing to reload
How this template helps you convert
The page is structured to earn the application before asking for it. Every scroll step adds a layer of credibility that makes the right candidate lean forward rather than bounce.
The five-step journey shows the depth of client work first, so prospective hires think "I want to solve problems like these" before the form comes into view
Real client metrics in the outcomes strip (turnover reduction percentages, enrollment rates) signal that the firm's work produces measurable results, which attracts outcome-oriented consultants
The single open-ended question in the application form acts as a self-qualifier, attracting thoughtful candidates and filtering out those who are not genuinely interested in benefits complexity
Other information about this template
The template is built specifically for the retail and hospitality benefits consulting niche, where workforce complexity (night shifts, seasonal turnover, multi-location benefits parity) is the everyday context. It is not a generic HR agency template.
The page is set up for English-language, US-market audiences, using USD and US date formatting throughout
Typography and color choices were selected to reinforce the Educational Guide theme without requiring any external font or color configuration beyond what is already built in
The footer follows a linear single-row pattern, keeping the page clean and focused rather than expanding into a multi-column link directory
Desktop is the primary design target, reflecting the typical working environment of the HR directors, operations managers, and CFOs this firm serves
