Verdure - Transformative Landscape Landing Page Template

Quick summary

Verdure is a single-page portfolio landing page for landscape designers who want their work to speak before they do. The 60/40 asymmetric grid pairs dramatic project photography with hand-drawn sketches and material swatches. A Before/After Slider leads the page, six full-viewport gallery projects build the case, and every design decision pushes the visitor toward booking a consultation.

Who this template is for

This template is built for landscape professionals whose work is visual, bespoke, and hard to summarize in a brochure. It suits anyone who sells transformation rather than services.

• Landscape designers running a solo atelier or small studio practice
• Boutique developers and architects who need to show exterior design thinking to prospective clients
• Homeowners-turned-practitioners or established firms ready to position themselves as a premium, creative choice

What problem this template solves

Most portfolio pages feel like a photo dump. Visitors scroll, skim, and leave without understanding what the designer actually does or whether they are the right fit. Verdure solves that by structuring the page as a curated studio visit, not a gallery.

• Each project combines a hero photograph, a pencil sketch, a material swatch strip, and a two-sentence first-person rationale, so visitors understand the thinking behind the work
• The Before/After Slider in the header makes the value of landscape transformation immediately tangible, without a single word of explanation
• The page builds scale and ambition deliberately, moving from intimate courtyard gardens to sprawling estate grounds, so the designer's range is clear before the final call to action appears

What you get with this template

You get a complete, ready-to-customize one-page portfolio landing page with every section pre-designed and pre-structured for a landscape design practice.

• A full-viewport Before/After Slider header with a ghost-button call to action layered over the image
• A six-project Gallery Walk where each project fills one full viewport with a 60/40 split between photography and studio annotation
• A closing section with a solid fern-green call-to-action button routing visitors to a dedicated consultation booking page

Feature list

This template includes purpose-built components that work together to show transformation and earn the consultation click.

Before/After Transformation Slider

The header occupies the dominant 60-column with a draggable slider. Drag left to reveal a neglected suburban yard. Drag right to see the finished landscape. The same camera angle makes the before and after undeniable. A ghost button labeled "See How We'd Transform Yours" sits over the slider, giving motivated visitors an immediate path to book.

Asymmetric 60/40 Grid Layout

Every section uses a 60/40 column split. The wider column holds photography or the slider. The narrower column holds headlines, sketches, swatches, or rationale copy. This asymmetry keeps the eye moving and prevents the page from ever feeling static or symmetrical in a way that dulls attention.

Six-Project Gallery Walk

Six full-viewport project sections build the portfolio narrative. Projects move from intimate courtyard gardens to sprawling estate grounds, so the designer's range grows with each scroll. Each project includes a hero photograph, a pencil sketch, a material swatch strip, and a brief first-person design rationale. A quiet "View Full Case Study" text link in lavender lets curious visitors explore deeper without leaving the page flow.

Botanical Scroll Transitions

Between each gallery project, a slow botanical illustration blooms into the next photograph. This transition is not decorative noise. It signals intention, connects one project to the next, and gives the page a pacing that feels like a studio visit rather than a website scroll.

Dual Call-to-Action Architecture

The primary call to action appears twice: first as a ghost button over the header slider, then as a solid fern-green button after the final gallery project. Each project card also carries a secondary "View Full Case Study" text link in lavender. The two-path structure serves both ready-to-book visitors and those who need more evidence before committing.

Hand-Lettered Headline Section

The 40-column of the header holds a single stacked headline set in chalk white over nightshade indigo: "We Design the Outside Like It's the Inside." The vertical stacking and hand-lettered feel signal craft and intention from the first second on the page.

Page sections overview

Design & branding system

The Electric Indigo color system is the visual backbone of the template. It balances contemporary edge with botanical rootedness, so the page feels like it grew here rather than was assembled from a kit.

• Deep nightshade indigo (#2E0854) fills section backgrounds, chalk white (#FAF8F5) handles text and breathing space, and washed lavender (#C3A6D8) tints secondary panels
• Living fern (#4A7C59) activates on hover states and active elements, including the closing call-to-action button, giving interactive moments a botanical signal
• The Atelier Studio theme uses hand-lettered typographic details and pencil-sketch visual elements to reinforce the idea that this is a design practice built on craft, not templates

Mobile & speed optimization

The 60/40 grid and full-viewport gallery sections are structured to reflow cleanly for smaller screens. The template is designed to maintain visual impact and readability across device sizes.

• The asymmetric grid columns stack vertically on mobile so photography and annotation copy remain legible without overlap
• The Before/After Slider is touch-enabled, allowing mobile visitors to drag the reveal with a finger rather than a mouse
• Full-viewport project sections scale proportionally so each project still occupies a meaningful visual presence on a phone or tablet screen

How this template helps you convert

The page is engineered as a Click-Through landing page. Every design decision reduces hesitation and builds toward a single confident action: booking the consultation.

1. The Before/After Slider in the header delivers transformation proof in the first three seconds, before the visitor reads a single word of copy, removing the biggest objection upfront
2. The six-project Gallery Walk builds trust incrementally, each project adding evidence that the designer can handle the visitor's specific scale and ambition, so the final call to action arrives when conviction is at its peak
3. The dual call-to-action structure gives both ready-to-book visitors and slower decision-makers a clear path, reducing drop-off at both ends of the consideration spectrum

Other information about this template

This template is a strong fit for landscape design professionals who want to present their practice as an atelier rather than a contractor. It is also well suited to exterior design collaborators who work alongside architects and boutique property developers.

• The template is built as a one-page portfolio landing page, meaning all content lives on a single scrolling canvas with no internal navigation to separate pages
• The "View Full Case Study" text links in each project card support a portfolio strategy where deeper project pages exist elsewhere on the designer's site
• The consultation booking call to action routes to a dedicated booking page, which the designer sets up separately outside this template
• The Verdure template sits within the Portfolio and Agency category and is specifically designed for the landscape designer portfolio niche

Show more