Joinery - Handcrafted Frenchdoor Landing Page Template

Quick summary

This is a single-page, split-screen landing page designed for a handcrafted French door business. It leads with a before-and-after header reveal, then scrolls visitors through the real making process, timber, joinery, glazing, and installation. Every section builds trust through visible craft. Two focused calls to action push ready buyers toward a quote and collect early-stage leads through a downloadable guide.

Who this template is for

This template is built for tradespeople and specialists who sell on craftsmanship rather than price alone. It works best when the work itself is the most convincing sales tool.

• French door makers and bespoke joinery workshops wanting to justify premium pricing through visible process
• Architects and heritage specialists who need a supplier page that speaks to listed-building and high-specification projects
• Renovation-focused builders and door suppliers who want a landing page that earns buyer confidence before asking for a quote

What problem this template solves

Most door supplier pages show a product grid and a phone number. They give no explanation of why a handcrafted unit costs more than an off-the-shelf alternative. Visitors who arrive mid-renovation, already holding a quote for a cheap unit, have no reason to stay.

• Visitors leave without understanding what separates furniture-grade joinery from standard stock doors
• Pricing looks high with no context, so buyers default to the cheapest option
• There is no clear path from "browsing" to "ready to request a quote"

What you get with this template

The template delivers a complete, scroll-optimised single page that takes a visitor from first impression through to confident click. Every layout decision reflects the craft and warmth of the workshop it represents.

• A draggable before-and-after header showing a derelict opening transformed into finished French doors, shot from the same interior angle
• A Transparent Process scroll section that moves chronologically through timber selection, mortise-and-tenon joinery, finishing, glazing, and installation, each step paired with a raw workshop photograph and a short explanatory paragraph
• Two conversion points: a primary "See Pricing for Your Opening" button and a secondary "Download Our Door Styles Guide" email-gated capture

Feature list

This template is built around the following capabilities, all drawn directly from the brief.

Draggable Before-and-After Header

The header splits the screen 50/50 between a photograph of a bricked-up or rotting doorway and the finished French doors thrown wide open. A thin vertical divider with a draggable handle sits at center. Visitors slide between the two states themselves, making the transformation feel personal and immediate.

Transparent Process Scroll Sections

Each scroll section divides the screen between a raw workshop photograph and a short explanatory paragraph. The sequence moves from timber selection through joinery, finishing, glazing, and installation. Visitors build understanding at each step, so by the end they know exactly where the hours go.

Dual Call-to-Action Structure

The primary call to action, "See Pricing for Your Opening," appears after the header reveal and again after the final installation section. A secondary call to action, "Download Our Door Styles Guide," targets visitors who are still in the research phase and captures them through an email gate.

Industrial Raw Visual Identity

The Sunset Mesa color system applies kiln-dark charcoal backgrounds, sun-bleached sandstone as the primary warm tone, raw linseed gold on hover states and accent lines, and workshop white for text panels. The palette reads like a timber yard at golden hour, warm, honest, and unfinished in the best sense.

Split-Screen (50/50) Layout

Every major section on this page uses a strict 50/50 split. Image and copy sit side by side throughout. This layout keeps the visual evidence and the written explanation always in the same eyeline, which is what makes the process storytelling credible rather than decorative.

Page sections overview

Design & branding system

The visual identity follows an Industrial Raw theme built around the Sunset Mesa color system. Every color choice has a direct reference in the physical workshop it represents.

• Kiln-dark charcoal (#2B2118) for page backgrounds, workshop white (#F2EDE7) for text panels and breathing space, sun-bleached sandstone (#D4A574) as the primary warm tone, and raw linseed gold (#C8963E) for hover states and accent lines
• Typography and layout reinforce the warmth of the palette, with generous white space that lets workshop photography breathe rather than crowd
• The overall feel references a timber yard at golden hour: sawdust catching the last light, steel clamps casting long shadows across stacked oak

Mobile & speed optimization

The split-screen layout is designed with responsive reflow in mind. On smaller screens, the 50/50 panels stack vertically so process photography and copy remain readable without horizontal scrolling.

• The draggable before-and-after header adapts to touch interaction on mobile devices, supporting swipe as well as drag
• Lightweight section structure keeps the page load clean, with no unnecessary scripts or heavy component libraries introduced beyond what the brief specifies

How this template helps you convert

The page earns its conversions through a deliberate sequence. Visitors are not asked to trust a price; they are shown the work that justifies it.

1. The before-and-after header creates immediate emotional impact. A visitor who has just been quoted for a cheap off-the-shelf unit sees the difference in the first five seconds without reading a word.
2. The Transparent Process scroll demystifies pricing. By the time a visitor reaches the final installation section, they have watched a door get built from raw timber. The "See Pricing for Your Opening" button lands after that evidence, not before it.

Other information about this template

This template sits within the Construction and Home category, specifically the Window and Door Installation subcategory, targeting the French door specialist niche. It is suited to any joinery business that competes on craft quality and needs a page that communicates that quality visually before asking for commitment.

• The page type is a single-page click-through landing page, not a multi-page website, so it focuses all visitor attention on two outcomes: a quote request and an email capture
• The template style is Split Screen (50/50), the header concept is Case Study Before and After, and the creative direction is Transparent Process, all three work together to build the buyer's understanding through evidence rather than claims
• The Sunset Mesa color system and Industrial Raw theme are ready to adapt to other joinery or woodworking businesses that share a similar craft-first identity

Show more