Request a Quote

Our Portfolio

Every project in our web development portfolio is a website, store or tool we built for a client. Filter by industry, tools, job type or category, then open a project to see what the client needed, what we built and the results.

Grass Seed Store Shopify Landing Page: Three-Step Lawn Kit Product Finder

Grass Seed Store Shopify Landing Page: Three-Step Lawn Kit Product Finder

Visit Live Site
  • Shopify
  • JavaScript
  • Liquid
  • Hosting and Domain
  • jQuery
  • Swiper

Choosing grass seed, a bag size and fertilizer is three decisions. We turned it into three steps on a UK grass seed store's Shopify landing page.

Only the Sizes Each Seed Has

Each seed shows only the bag sizes it comes in, and choosing a different seed rebuilds the size cards. Fertilizer is optional, and it only counts toward the total once the shopper confirms it.

0:00 / 0:00

Both Bags to the Cart at Once

The summary totals seed and fertilizer together for one last check. Accept it, and both bags go into the cart at once.

Grass Seed Store Shopify Landing Page: Three-Step Lawn Kit Product Finder: Both Bags to the Cart at Once

Results

  • A complete lawn kit chosen in three steps
  • Only the bag sizes each seed comes in
  • Seed and fertilizer added to the cart together