Skip to main content
Muntasir Islam
Muntasir.Shopify Developer
Blog
Shopify Development

Country Garden Oasis — Shopify Theme Development

Custom Shopify theme for a farm & garden e-commerce store

Country Garden Oasis6 weeks2025

Developed a custom Shopify theme for Country Garden Oasis, a countryside farm selling vegetables, flowers, spring bulbs, fertilizers, and garden essentials. Built a visually rich storefront with product filtering, rewards program integration, CSA subscriptions, and optimized checkout flow.

Product Categories

6+

PageSpeed Score

92/100

Mobile Score

88/100

Products Launched

50+

Load Time

1.8s

Lighthouse SEO

100/100

Project Overview

Country Garden Oasis is a countryside farm based in Green Hills, California, that sells fresh vegetables, flowers, spring bulbs, dahlia tubers, fertilizers, birdhouses, and garden gift cards. They needed a modern, visually appealing Shopify storefront that could showcase their seasonal product catalog while supporting features like a CSA subscription program, school gardening partnerships, and local event promotion.

The client wanted a store that felt warm and organic — reflecting the farm's identity — while being technically robust enough to handle seasonal traffic spikes during spring and fall planting seasons.

My Role

What I owned

I led the Shopify storefront strategy, custom theme development, merchandising structure, app integration setup, and launch optimization for the project.

Defined the homepage, collection, and product-page structure around seasonal buying patterns.

Built the custom Liquid sections, reusable snippets, and responsive UI components.

Integrated rewards, wishlist, and email tooling without slowing down the storefront.

Handled performance tuning, QA, and pre-launch SEO checks.

Problem Solving

How I approached the real problems

Step 1

Managing a seasonal catalog without constant rebuilds

I created reusable Shopify sections and flexible collection templates so the client could rotate spring, fall, and CSA offers quickly from the theme editor.

Step 2

Reducing friction in product discovery

I designed collection filtering and cleaner product detail layouts so shoppers could compare variants and quantity packs without getting lost.

Step 3

Balancing rich visuals with performance

I optimized imagery, responsive loading, and structured theme assets to preserve the handcrafted brand feel while keeping Core Web Vitals in a healthy range.

Interface Showcase

Country Garden Oasis homepage with hero banner and product categories

Custom homepage with seasonal hero banner and product category navigation

Product catalog page showing spring bulbs and flowers with filtering

Product catalog with category filtering and variant selection

Product detail page for Cape Cod Wren Birdhouse with add to cart

Product detail page with image gallery, pricing, and quick add-to-cart

Mobile responsive view of the Country Garden Oasis store

Fully responsive mobile experience with touch-optimized navigation

Challenges Faced

The project had several unique requirements:

Seasonal Product Management: The product catalog changes dramatically between seasons. Spring bulbs, fall bulbs, and dahlia tubers each have limited availability windows, requiring dynamic collection management.

Complex Product Variants: Many products like bulbs and flowers come in multiple varieties, sizes, and quantity packs. The theme needed clean variant selection that didn't overwhelm customers.

Multiple Business Models: Beyond e-commerce, the store needed CSA subscriptions, school program signups, event registrations, and gift card sales.

Brand Identity: The theme needed to feel handcrafted and organic, avoiding the generic look of off-the-shelf Shopify themes.

Customer Retention Features: The client wanted wishlist functionality and a rewards program to encourage repeat purchases from seasonal gardeners.

My Approach

I built the theme from scratch using Shopify's Liquid templating language with a mobile-first approach:

Phase 1 — Theme Architecture: Set up the Shopify theme structure with clean, modular Liquid sections and blocks. Created reusable snippet components for product cards, collection filters, and promotional banners.

Phase 2 — Homepage & Navigation: Built a dynamic homepage featuring a seasonal hero banner, featured product collections carousel, testimonials section, blog highlights, and newsletter signup.

Phase 3 — Product & Collection Pages: Developed custom collection pages with sidebar filtering by product type, price range, and growing zone. Built product detail pages with image galleries and variant selectors.

Phase 4 — Integrations & Features: Integrated Smile.io for rewards, Wishlist Plus, Klaviyo for email marketing, and configured multiple payment methods including Shop Pay, Apple Pay, and Google Pay.

Phase 5 — Performance & Launch: Optimized all theme assets, implemented responsive image srcsets, set up structured data for SEO, and ran full Lighthouse audits.

Results & Impact

The store launched on time and performed well:

Performance: PageSpeed 92/100 desktop, 88/100 mobile. LCP 1.8s, CLS 0.03. All Core Web Vitals passing.

Store Features: 6+ product categories, 50+ products, rewards program, wishlist, CSA subscriptions, blog with embedded video content, multi-payment support.

Client Satisfaction: Theme editor gives full control over seasonal banners, no developer needed for day-to-day updates, mobile-first design serves rural customers effectively.

Achievements

Outcomes worth calling out

92/100

Strong desktop performance at launch

The storefront shipped with a high Lighthouse score despite a media-heavy merchandising experience.

50+

Merchandised a broad product catalog

The site supports flowers, bulbs, garden essentials, subscriptions, and gift-card purchases in one coherent shopping flow.

No-code

Made updates easier for the client team

Seasonal banners, featured collections, and homepage content can be updated without developer help.

Skills Used

Shopify Theme DevelopmentLiquid TemplatingHTML5 & CSS3JavaScript (ES6+)Responsive DesignE-commerce UX DesignPerformance OptimizationSchema Markup (JSON-LD)

Tools Used

Shopify CLILiquidSmile.io (Rewards)Wishlist PlusKlaviyo (Email)Shop PayGoogle PageSpeed InsightsLighthouse
ShopifyLiquidTheme DevelopmentE-commerceCSSJavaScript

Want Similar Results?

I'd love to help your business achieve the same kind of growth. Let's discuss your project.

Start a Conversation