<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T5QRGD" height="0" width="0" style="display:none;visibility:hidden">
Smyths Toys logo

B2C eCommerce Website Design

Smyths Toys website on laptop

Smyths Toys Web Design Overview

Smyths Toys Superstores are committed to providing high quality products, competitive prices and great customer service. As the fastest growing toy retailer, they have over 100 stores throughout the UK, Ireland and Europe and are growing rapidly.

The challenge covers all aspects of site development and support.  In terms of creative, we are tasked with updating existing content and delivering UX / UI improvements around the customer journey to ultimately increase conversion.

We are working within brand guidelines and going through a continuous improvement process across all assets of the site. Here are some examples of the ideas we are delivering.

Layout

Smyths Toys B2C eCommerce site follows a proven user journey navigation based around search, categorisation, product lists, filtering and ultimately product details. Our UX team is constantly reviewing the site against 100’s of UX guidelines to ensure we deliver the best possible journeys. The B2B eCommerce site is fully responsive and works across multiple devices, and Smyths take a mobile first design perspective based on their knowledge of customer usage across devices. All of the designs are produced initially on mobile.

Colour Palette

Smyths Toys has a strong colour palette aimed directly at their target audience. Colours are used strategically across the site to help the user navigate primary and secondary actions, and to ensure elements and assets are represented consistently across the eCommerce site.

Smyths brand colour swatch

Azure

#2e5ca9

Smyths brand colour swatch

Azure Radience

#0087f2

Smyths brand colour swatch

Smyths Blue

#1f96f4

Smyths brand colour swatch

Tulip Tree

#e6b127

Smyths brand colour swatch

Alizarin Crimson

#ed1c24

Smyths brand colour swatch

CTA Green

#3fbb65

Typography

Smyths Toys have a very distinctive font that we use in multiple weights. Uppercase and lowercase styling in headlines and call outs supports the brand’s warmth and friendliness. Uniform Rounded is the primary typeface for all other elements along with a typeface called Burbank.

Smyths Toys font

Font Family: Uniform Rnd

Iconography

We use simple icons to represent a variety of functionality and features throughout the eCommerce site.

Smyth Toys iconography
Smyths Toys product details screen

UI Components

Smyths Toys eCommerce site has been built on the SAP CX (Hybris) platform, we are using a combination of out of the box functionality and where applicable we are designing and developing on top of this to expand the UI for better user focused journeys. In terms of pure UI design, SAP CX (Hybris) offers us the freedom to design a completely bespoke set of front end UI components that are both on brand and are designed to help increase conversion.

Primary button styling Secondary button styling
Smyths Toys order details screen
Smyths Toys order details screen

On Page Marketing

We ensure that promotional activity is designed around current trends and product offers. Our creative and marketing departments work very closely with the eCommerce team and marketing department at Smyths to ensure the site is fresh and engaging for its users.

Smyths Toys responsive website on ipad
Opening quotation mark
Closing quotation mark

Get in touch

If you think we’d make a great partner for your business, get in touch and let’s discuss how our creative and technical expertise can bring you clarity and risk-free accelerated growth.

Contact us today

Take A Look At Some Of Our Other Projects

Evergreen portfolio

Evergreen

B2B eCommerce Website Design for Europe

View our work
Teng Tools portfolio

Teng Tools

B2B eCommerce & Corporate Global Websites

View our work