→ Demo Site
Clover Garden Centre
Client
Demo Project
Completed
March 2026
Duration
1 week
Tech Stack

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.


