Demo Site

Clover Garden Centre

Client

Demo Project

Completed

March 2026

Duration

1 week

Tech Stack

NetlifyNext.js 14TypeScript
project preview
Clover Garden Centre

Project showcase

→ About This Project

Clover Garden Centre is a full ecommerce marketing site built for a fictional family-owned garden center in Hudson, Ohio — founded in 1987 — designed to show how an independent local retailer can compete online with an editorial-quality presence.

The site bridges two audiences: loyal longtime customers who have been coming in person for decades, and a younger generation of plant enthusiasts who discover local garden centers through Instagram and Google. The design feels warm, print-inspired, and trustworthy rather than clinical.

Key Features

  • Shop page with 12 fully detailed product listings across six categories (Annuals, Perennials, Trees & Shrubs, Houseplants, Garden Supplies, Pots & Planters)
  • Category grid with product counts and category-level browsing
  • Product badges (Bestseller, Sale, New, Seasonal) with sale price display
  • Seasonal banner system for time-sensitive promotions
  • Newsletter signup with seasonal gardening tips positioning
  • About snippet highlighting the family history and 1987 founding

Design Decisions

Warm cream, sage green, and terracotta on a linen-textured background — the palette references gardening catalogs and farmers market signage rather than big-box retail. Typography mixes a slightly imperfect serif display face with a clean body font to reinforce the hand-crafted, family-owned identity.

Product cards are deliberately generous — large image, clear price, badge placement, and rating — because plant buyers are tactile and visual. The “Add to Cart” interaction is designed to feel satisfying even without an actual cart implementation behind it.

More Projects