Terrain - Stunning Landscaper Landing Page Template

Quick summary

Terrain is a single-page horizontal scroll template designed for landscape designers who present their work as case studies. The layout moves visitors through project narratives, left to right, from site problem through process to finished result. A built-in lead capture panel closes the journey, inviting prospects to describe their site and take the first step toward a design conversation.

Who this template is for

This template was built for design-led landscape practices that need a portfolio presence as considered as their work. It suits anyone who closes high-value projects through visual storytelling rather than a services list.

• Landscape designers and design practices showcasing project case studies
• Exterior design partners working alongside architects and property developers
• Landscape professionals targeting homeowners, developers, and commercial clients

What problem this template solves

Most portfolio pages treat a landscape project as a finished photograph. Terrain makes room for the full story: the problem, the craft, and the resolution. That narrative depth is what convinces a serious buyer.

• Generic portfolio grids flatten complex work into thumbnails, losing the story behind each project
• Standard vertical-scroll pages push lead forms to the bottom, where visitor attention has already dropped
• Landscape practices struggle to communicate technical expertise alongside aesthetic vision in a single layout

What you get with this template

You get a complete, single-page horizontal scroll layout built around the Case Study Narrative creative direction. Every element from the opening headline to the final intake form has a defined role in moving a visitor from curiosity to conversation.

• A centered giant headline header with a faint parallax shadow effect on cursor movement
• A horizontal scroll case study flow covering problem, process, and result for each project
• Glass-panel interstitial dividers carrying a single client quote between each project
• A full-viewport lead generation panel with a short, conversation-framed intake form
• A persistent bottom-rail link to open a calendar embed for direct designer contact

Feature list

This section breaks down the core capabilities built into the Terrain template.

Giant Headline Centered Header

The header opens with a single oversized headline set in a thin, wide-tracked sans-serif typeface. No background image competes with the type. A faint parallax shadow shifts as the cursor moves, giving the headline the illusion of floating behind a glass surface. A horizontal rule and a pulsing right-pointing arrow close the header and invite the first scroll.

Horizontal Scroll Case Study Layout

The page moves left to right, turning through complete project narratives like pages in a monograph. Each case study opens with a drone photograph of the site before work began, annotated with grade percentages and drainage failure notes. It then dissolves into process imagery, hand sketches layered over topographic surveys, and material palettes presented like pinned specimens. The sequence closes on a full-bleed golden-hour photograph shot from the same angle as the before image.

Glass-Panel Interstitial Dividers

Between each project, the scroll passes through a translucent divider panel. A single client quote floats in the vapor-gray field. The rhythm this creates, tension then craft then result then a breath, gives the page the pacing of a well-edited monograph rather than a scrolling brochure.

Conversation-Framed Lead Form

The final scroll position locks into a full-viewport panel anchored by the call to action "Start With Your Site." The intake form asks for a property address, a project scale dropdown with three options (courtyard, full property, or multi-lot), and an open text field labeled "What bothers you most about your yard right now?" There is no phone number field and no budget question. The form is designed to feel like the opening of a design conversation.

Persistent Designer Contact Rail

A minimal "Talk to a Designer" link runs along the bottom rail throughout the entire horizontal scroll experience. It is always visible and opens a calendar embed when clicked. Visitors who are not ready for the full intake form have a direct, low-friction path to a human conversation at any scroll position.

Page sections overview

Design & branding system

The visual identity uses a Tech Glass theme paired with the Cloud Canvas color system. The overall feeling is a drafting table inside a glass greenhouse on an overcast morning: clinical precision softened by diffused, even light.

• Four defined palette values: translucent mist white (#EEF0F3), soft vapor gray (#C9CED6), wet-slate charcoal (#2B3038), and living-chlorophyll green (#4A7C59) reserved for hover states and active indicators
• Typography is a thin, wide-tracked sans-serif scaled to browser-filling proportions in the header and stepped down to a readable body weight throughout the case study panels
• Every surface carries a slight reflective quality; translucency is applied to divider panels to maintain the glass-layer visual metaphor throughout the scroll

Mobile & speed optimization

The horizontal scroll layout is structured to adapt cleanly to narrower viewports. The case study narrative sequence and the lead form panel are built to remain legible and usable without sacrificing the pacing that makes the experience work.

• The persistent bottom-rail contact link remains accessible at all viewport widths
• The intake form fields, the dropdown, and the open text area are sized for comfortable touch interaction
• The parallax shadow effect in the header is tied to cursor and pointer input, adapting gracefully when pointer events are not available

How this template helps you convert

Terrain is built with lead generation as its final destination. Every design decision in the horizontal scroll sequence is oriented toward delivering a warmed-up visitor to the intake form.

1. The case study narrative builds credibility panel by panel before any call to action appears, so the visitor arrives at the form having already seen the depth of the practice's work.
2. The intake form is deliberately short and emotionally framed, asking what bothers the visitor about their yard rather than asking for a budget, which lowers the barrier to submission and starts the qualification through the answer itself.
3. The persistent "Talk to a Designer" rail ensures that visitors who are ready to engage before reaching the final panel always have a direct path forward, reducing drop-off at any scroll position.

Other information about this template

Terrain fits naturally into the broader landscape of portfolio and agency templates designed for practices that sell through craft and story rather than a feature list.

• The template category is Portfolio and Agency, with a specific focus on the Landscape Designer Case Study Portfolio niche
• The Case Study Narrative creative direction and horizontal scroll structure make it adaptable for any design practice that works in sequential project phases
• The Cloud Canvas color system and Tech Glass theme can be recolored to match a practice's existing brand guidelines while keeping the glass-surface visual logic intact
• The template is suitable for practices working across courtyard-scale residential projects, full-property transformations, and multi-lot developer engagements, matching the three options built into the project scale dropdown

Show more