A playful e-commerce experience built to introduce Speel's screen-free play kits, explain the thinking behind them and make buying simple for parents.
Industry
Children's products
Year
2026
Services
Web design, E-commerce, WooCommerce, Brand storytelling
Platform
WordPress + WooCommerce
speelkits.co.za
Overview
The client
Speel makes screen-free play kits for travelling kids: compact, thoughtfully chosen activities that keep a child engaged at a restaurant table, in the car or anywhere in between. It is a new product in a category most parents have not thought about before. The website had to launch the brand, explain the idea and sell the kits, all at once.
Speel was introducing a product that many parents would need explained before they understood its value. The website could not behave like a simple online catalogue. It needed to communicate the thinking behind the kits, build enough trust for a parent to buy something they had never held, and still make browsing and purchasing straightforward on a phone.
The approach
How we thought about it
The experience was structured so parents first recognise the problem (busy moments where screens have become the default), then understand the product, then see the research behind it, and only then move into shopping.
Product pages were kept deliberately simple: one clear photo set, a short promise, variant selection and a secure checkout, with payment trust signals placed where hesitation happens.
The tone had to be playful enough for the product and grown-up enough for parents to trust the business with their money.
Design direction
Important decisions
A warm, paper-toned ground with the brand's soft blue, pink and yellow used sparingly for buttons and emphasis, so the lifestyle photography does the work.
A rounded display face for headlines gives the brand its friendliness; a neutral sans keeps the reading experience calm and legible.
Generous whitespace, large photography and a three-step 'how it works' sequence keep the story easy to follow.
Build
Key functional decisions
WooCommerce store
Products with variants (kit options), bestsellers on the homepage, and a catalogue the client manages without a developer.
Payments and trust
Secure checkout through PayFast with card, SnapScan and bank app options, and trust signals shown on every product page.
Research and FAQ
A dedicated research section and FAQ answer the questions a cautious parent asks before buying.
Mobile experience
Designed beyond
the desktop.
Most Speel customers arrive on a phone. The hero, story and bestsellers were composed for a narrow screen first, with buttons sized for thumbs and product galleries that swipe.
Outcome
What changed
The new website gave Speel a complete e-commerce platform capable of taking customers from learning about the product through to purchase and delivery, and a brand presence that reads as established from day one.