Client · Shopify

JC Toys Europe

The successful American toy brand, has expanded its presence in Europe through a Shopify-powered website. Leveraging a frontend stack of HTML, Liquid, CSS, Vanilla JavaScript, and AlpineJS.

Visit the live site ↗ (opens in a new tab)
Platform
Shopify
Stack
  • Shopify
  • Liquid
  • HTML
  • CSS3
  • Vanilla JavaScript
  • AlpineJS
JC TOYS Europe Hero image

JC Toys, the successful American toy brand, has expanded its presence in Europe through a Shopify-powered website. JC Toys is a well-established toy manufacturer and distributor based in the United States, known for its high-quality and innovative toy products for toddlers and kids. Recognizing the growth potential in the European market, the company has now brought its offerings to European customers through this new website.

In alliance with Christian Gabriel Agency, I develop the new store in Shopify using best practices. The tech stack was Liquid, HTML, CSS3, Vanilla JavaScript and AlpineJS to showcase an amazing site. Besides that, I added some apps, like geolocation to differentiate the site depending on the IP on which is accessed.

The challenge with the website was that it was not the typical pixel-perfect design that front-end developers are usually accustomed to. The brand wanted to demonstrate that it was designed and conceived for children, so the harmonious imperfection had to be present with brushstrokes and geometric shapes that seemed to be drawn by a child.

In collaboration with the JC Toys team and their designers, and together with the Christian Gabriel team, the vision they had for the site was brought to life with pastel colors that evoke childhood, the imperfect brushstrokes of children, and of course, while also taking care of the performance details and metrics, as well as the user experience on all mobile devices. The key points were to create a dynamic, fun, with unique and joyful content.

The results are palpable, as the European website clearly differentiates itself from the American site by focusing more on the user experience. It provides detailed information about each product offering through the metafields that Shopify provides for each product variant. The European store is a prime example that a website for children should have a design that reflects the imperfect, hand-drawn aesthetic of children's artwork. The use of pastel colors, imperfect brushstrokes, and dynamic content creates a unique and engaging interface that resonates with the target audience of children and families.

Nathaly’s raccoon mascot typing on a laptop
Next level

Want to know more?

Grab my CV, or tell me about your project on a free 30-minute call. You’ll leave with a clear next step either way.