Terrane Outdoor

Terrane is a complete website for landscape design, hardscaping and outdoor living companies. It has a calm, earthy design with organic leaf shapes, terrain contour lines and an elegant serif.

• 9 pages: Home, Work, Services, About, Process and Contact, plus 404, Privacy and Terms

• Video heroes with lighter phone versions and a pause button

• Filterable portfolio: a project grid with Landscapes, Hardscapes and Outdoor Living filters and quick-view pop-ups

• Before/after sliders and a Transformations section

• Runs on the CMS: projects, services, process steps, testimonials and service areas. Edit once and every page updates

• Project request form with a confirmation message; every "Start a project" button leads to it

• Smooth motion: scroll animations, page transitions, a page loader and back-to-top, all respecting reduced motion

• Fully responsive with a sticky header and mobile menu

• Easy to rebrand: every color and font is a shared style

• Fast and accessible: WebP images with alt text, compressed video, Lighthouse 100 for accessibility, best practices and SEO

• Built-in Customization Guide with live swatches, type specimens and step-by-step instructions