Joinery - Stunning Victorian Landing Page Template

Quick summary

Joinery is a coming-soon landing page for a specialist Victorian building contractor. It uses a horizontal scroll to guide visitors through five panels, each representing a room in a Victorian home. Geometric hotspots reveal craft details on interaction. The waitlist form is minimal by design, and electric lime rewards every hover and click.

Who this template is for

This template is purpose-built for a very specific kind of building and design business. It suits anyone who needs to attract heritage-aware clients before a full portfolio site goes live.

• Victorian terrace restoration builders and heritage contractors targeting inner-Melbourne homeowners
• Heritage overlay specialists and council-permit-fluent builders who work with architects
• Building firms launching a waitlist or coming-soon page ahead of a full booking calendar

What problem this template solves

Most builder websites lead with credentials and call-to-action buttons before the visitor trusts them. For a niche restoration firm working on heritage-listed properties, that approach falls flat. Clients need to feel the craft before they hand over their email address.

• Visitors leave without engaging because generic portfolio layouts fail to show specialist skill
• Heritage homeowners and architects cannot tell, at a glance, whether a builder truly understands Victorian construction
• A standard coming-soon page cannot communicate the depth of craft that earns a place on a waiting list

What you get with this template

You get a fully structured, single-page horizontal-scroll layout that doubles as a room-by-room tour of a Victorian home. Every panel has a clear purpose, and the whole page builds toward one simple conversion: joining the waitlist.

• Five distinct horizontal panels, from the facade hero through to the waitlist form, each with its own focus
• Geometric hotspot components on architectural details, with layered micro-animations built in
• A minimal waitlist form with a playful Victorian property toggle and scarcity messaging baked into the copy

Feature list

This section covers the core capabilities built into the Joinery template as described in the source brief.

Horizontal Scroll Room-by-Room Layout

The page is structured as a lateral journey through a Victorian home. Visitors drag or swipe from the facade panel through the hallway, parlour, kitchen extension, and finally to the waitlist panel. Each panel tells a focused story without breaking the flow.

Geometric Hotspot Interactions

Clickable geometric hotspots sit on specific architectural details across the hallway and parlour panels. Clicking a ceiling rose explodes its layers apart in a micro-animation. Hovering over a fireplace surround plays a three-frame restoration sequence. These interactions teach visitors what a Victorian builder actually does.

Giant Centered Hero Headline

The opening panel fills the viewport edge to edge with the condensed serif headline "WE'RE BUILDING SOMETHING." The letterforms are subtly textured with a tessellated pattern drawn from Victorian tile work. A slow breathing pulse on the lime cursor dot signals the direction: scroll sideways.

Minimal Waitlist Form with Victorian Toggle

The waitlist panel contains a first name field, an email field, and a single playful toggle. The toggle lets visitors self-identify as "I have a Victorian" or "I want a Victorian." A supporting line communicates that list members book first when books open quarterly.

Electric Lime Hover Reward System

The electric lime accent colour (#B8FF00) is reserved exclusively for interactive moments. It appears on the pinned "Join the Waiting List" call to action, cursor hotspots, and hover states throughout. Lime only shows when visitors touch something, making interaction feel like a small discovery.

Character-by-Character Heading Reveals

Headings across the panels animate in character by character as visitors scroll into each section. This technique, paired with the horizontal scroll pin, gives the page a sense of craft and deliberate pacing that mirrors the builder's attention to detail.

Page sections overview

Design & branding system

The visual identity is built around a Playful Geometric theme rooted in Victorian craft and electrified by a neon accent. The palette creates contrast between heritage depth and unexpected energy.

• Deep lacquer indigo (#3D0C7B) anchors all backgrounds; charged violet (#7B2FBE) carries headings and section dividers; pressed-tin white (#F0ECF5) handles body text and card surfaces
• Electric lime (#B8FF00) is reserved strictly for interactive hotspots, the pinned call-to-action button, and hover states, never used as a passive colour
• Typography pairs a condensed serif (Fraunces) for headings with a clean sans-serif (DM Sans) for body copy, balancing Victorian character with modern legibility

Mobile & speed optimization

The template is built desktop-first, with the horizontal scroll experience as the primary interaction. On smaller screens, the layout falls back to a vertical reading flow so the content remains accessible without the horizontal drag mechanic.

• GPU-accelerated transforms are used exclusively for scroll and animation, keeping rendering smooth on the horizontal scroll container
• The will-change property is applied to the scroll container to prepare the browser for high-intensity panel transitions
• GSAP powers the horizontal scroll pin and scrub, geometric hotspot bloom animations, and character-by-character heading reveals with precise control

How this template helps you convert

The template is designed to earn trust through interaction before making any ask. Every panel adds evidence of craft, so by the time visitors reach the waitlist form, they already believe in the builder.

1. The room-by-room horizontal journey teaches visitors what Victorian restoration actually involves, building genuine belief in the firm's expertise before any call to action appears
2. The Victorian property toggle makes the form feel personal and low-effort, reducing friction and increasing the likelihood that a qualified lead completes the sign-up
3. The scarcity message ("We open our books quarterly, list members book first") communicates genuine limited availability without manufactured urgency, which resonates with the architect and heritage-homeowner audience

Other information about this template

This template is positioned at the intersection of Victorian architecture and specialty building contracting. It is a strong fit for Melbourne inner-north firms targeting the Fitzroy, Northcote, and Collingwood heritage property market.

• The template style is Horizontal Scroll with a Playful Geometric theme, using the Interactive Explorer creative direction
• The landing page direction is Waitlist and Coming Soon, making it ideal for a studio launching its booking calendar
• The header concept follows the Giant Headline Centered pattern, which prioritises typographic impact over imagery on entry
• Animation complexity is high, relying on GSAP for scroll-pinning, panel scrubbing, and all hotspot bloom effects
• The footer follows a Superhuman Extreme Minimal pattern, keeping the closing section free of clutter

Show more