E-commerce · WooCommerce · Product brand

Speel

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

Speel e-commerce website designed by Bernardi Media
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.

The challenge

What had to be solved

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.

Next project

Bezpoke Crete

Web design · Brand presentation · Lead generation

Planning something similar?

Tell us what you're building, replacing or trying to improve. We'll help you work out the right next step.