Hollowbrook Landscapes

The approach

Landscaping is sold on taste, and most landscaping sites try to prove it with stock photos of perfect lawns. We went the other way. A layered landscape illustration, drawn in code, sets a calm mood in the first screen. Bodoni Moda, a high-contrast serif, gives the headlines the feel of a garden book.

The center of the page is a season switcher. Customers don’t know what a garden needs in October, so the site shows them, one season at a time. That moves the conversation from “can you mow?” to year-round care.

Decisions worth noting

• A free visit, not a price grid. Garden work depends on the site, so the main action is a no-obligation walk around the yard.
• Roman numerals for services. A small editorial detail that suits the serif and sets the site apart from template service grids.
• Size cards instead of a dropdown. “Small / Medium / Large” with a short description is faster to answer on a phone than measurements.

How it’s built

One static page. The season switcher follows the standard accessible tabs pattern: arrow keys move between seasons and the panel is announced to screen readers. The illustrations are inline SVG, so the page loads no image files. Fonts are self-hosted.

What would change for a real client

Real photos of finished gardens (a before-and-after slider works well here), reviews from the business’s Google profile, and a form connected to the owner’s inbox or scheduling tool.