Case Study

Toddlekind: Shopify homepage, product and collection redesign

A redesign of the key shopping pages for Toddlekind, a playmat brand selling a large catalogue of designs, sizes and colours on Shopify.

Toddlekind homepage hero

The client

Toddlekind sells soft, non-toxic playmats designed for modern homes. Its Shopify store carries a large catalogue: over 100 products across around 30 collections, with each playmat available in many patterns and several sizes.

The brief

Redesign the pages where shoppers decide to buy, the homepage, the product pages and the collection pages, so the brand feels premium and choosing the right mat is quick, on the existing Habitat theme.

What I did

  • Homepage: a full-width hero with the brand promise, star rating and a clear “Shop playmats” call to action, plus the sections that lead shoppers into the catalogue.
  • Product template: pattern swatches with “new” labels, size options showing tile counts and sale prices, quantity and add to cart, buy-now-pay-later messaging and shipping and trial badges.
  • Collection template: image banners, filters by colour, material and price, and sorting, so a large range stays easy to browse.
Toddlekind Best Sellers collection page with filters
Collection page: banner, filters by colour, material and price, and sorting.
Toddlekind Haven Playmat product page
Product page: colour swatches, size options with sale pricing, and trust badges.

Platform and tools

  • Shopify, Habitat theme (customized sections and templates)
  • Liquid, HTML, CSS and JavaScript

Have a Shopify or WordPress project in mind?

Tell me what you need and I will reply within 24 hours with next steps and a clear quote.

Start Your Project Chat on WhatsApp