← Back to Projects

Barnum Lawn & Landscape

Demo site built to pitch a potential web design client — dark editorial design with animated bento grid, scroll reveals, and a service request form.

HTML / CSS / JS Client Pitch GitHub Pages
View Demo Site →

Overview

Barnum Lawn & Landscape is a West Hartford, CT landscaping operation run by Kyle Barnum. He had no web presence — just an Instagram account with strong photos and a growing client base. I built this demo to show him what a professional site could look like and to pitch the full build.

Design Approach

The goal was to show him exactly what his brand could look like — his name, his services, his phone number in a premium layout — so the conversation shifts from "do I need a website?" to "when can we start?" Placeholder blocks and a form note about full integration are deliberate: they make it clear this is a starting point, not the finished product.

  • Dark editorial aesthetic — deep forest green and near-black with lime accents
  • Bebas Neue display font paired with DM Sans for a premium outdoor brand feel
  • Asymmetric bento grid for services with hover-reveal descriptions
  • Scrolling ticker band, scroll-triggered section reveals via IntersectionObserver
  • Service request form with name, email, phone, service dropdown, and message
  • Gradient placeholder blocks styled to look intentional, not like missing images

The Strategy

Demos like this are a sales tool as much as a design exercise. By putting in his real business name, real phone number, real services, and a real Instagram link, the demo feels personal — not generic. The "Your Photos Here" placeholders and the form note that says "integration coming in full build" make it clear there's more on the table, which is exactly the conversation I want to have.


← Previous: Maksim Landscaping