This Ironhack UX/UI Design bootcamp challenge was to design an e-commerce for a real business. The group chose  a ceramic studio in Berlin called Clayground. Here we described the development process


Clayground sells pieces from different crafters associated with the studio, and the perspective to having an e-commerce is very attractive, as it would be an opportunity to increase sales.

Our challenge was to define a problem statement that would help to understand the user and improve their online experience, since part of the added value of each piece is the opportunity to take it in hand. 


We found some information about competitors and found that there were more than 30 small ceramic shops in Berlin (direct competitors). Big stores like Ikea and Woolworth were considered indirect competitors.

Among direct competitors, we found that 10 in 15 (67%) don't have e-commerce. And of the 5 that have, one used Etsy (an e-commerce platform for crafters). About 53% of the stores offer ceramic workshops and courses. All of them have websites, but some are very simple, with just one page with address and contact.

We did some interviews with people who used to buy pottery and most of them told us that they preferred to go in person and buy directly in the store because they wanted to see the pieces up close and know a little about their history and context.


During the ideation phase we had a lot of crazy ideas: holography, augmented reality, videos showing the pieces in 3D, among others. But the question was that the business was small and these features were unrealistic because they were expensive technologies.

So we decided to provided detailed information about the product with photos from every point of view.

We created a moodboard considering the brand values according with the owners: cozy, collaborative, natural, simple, functional, clean.


We did some low-fi prototypes but, as time was short and we were working with a reduced team (two participants got Covid), we decided to test directly the hi-fi prototype.

In the first version, the user could buy an item directly on the first page, by clicking on a product in a photo carousel. They were disoriented with by such a quick and straightforward experience and confused about navigation. That's why we added an introduction on the shop page to extend the experience. The results were much better.

This is a video with the simulation of use:


Content from YouTube can't be displayed due to your current cookie settings. To show this content, please click "Consent & Show" to confirm that necessary data will be transferred to YouTube to enable this service. Further information can be found in our Privacy Policy. Changed your mind? You can revoke your consent at any time via your cookie settings.

Consent & Show

Want to know more?

You can read full case study on Medium. Just click the botton below.