03

Malvarrosa Cerámica

This local ceramic brand in València is known for its handmade pieces. I explored how a digital shopping experience could make its products easier to discover and purchase while preserving the character of the brand.

This local ceramic brand in València is known for its handmade pieces. I explored how a digital shopping experience could make its products easier to discover and purchase while preserving the character of the brand.

Platform

Mobile Ecommerce

Timeline

2 weeks

5 weeks

Tools

Figma

A beautiful brand with nowhere to buy

Malvarrosa Cerámica is a ceramic studio in València creating handmade pieces inspired by the Mediterranean light and the natural imperfections of craft.

The existing website does a good job of telling that story through photography, information and editorial content. But shopping is not yet the centre of the experience: the online store is still under construction, while product discovery and brand communication happen through the website and Instagram.

I started by exploring the current news app landscape to understand how existing products approach content discovery and personalization.

The research revealed a common pattern: many news apps rely on subscriptions or paywalls, while those offering personalized feeds often focus on mainstream publications or limit coverage to specific regions such as US, UK, Western Europe, Canada, and Australia, compared with parts of Africa, Asia and Latin America. Even when users can choose their interests, they have limited control over the variety of sources and perspectives they discover.

This highlighted an opportunity for a more open news experience — one that helps users explore stories from different topics, sources, and parts of the world in one place.

Malvarrosa Cerámica is a small ceramic studio in València creating handmade pieces inspired by the Mediterranean light and the natural imperfections of craft.

The existing website does a good job of telling that story through photography, information and editorial content. But shopping is not yet the centre of the experience: the online store is still under construction, while product discovery and brand communication largely happen through the website and Instagram.

The opportunity

The existing experience made it easy to discover the ceramics, but the path to browsing and purchasing could be more seamless.

Goal: Create a mobile ecommerce experience that connects the brand's craft with a simple, intuitive shopping journey.

The existing experience made it easy to discover the ceramics, but the path to browsing and purchasing could be more seamless.

Goal: Create a mobile ecommerce experience that connects the brand's craft with a simple, intuitive shopping journey.

The existing experience made it easy to discover the ceramics, but the path to browsing and purchasing could be more seamless.

Goal: Create a mobile ecommerce experience that connects the brand's craft with a simple, intuitive shopping journey.

The tension: handmade vs. ecommerce

One of the biggest design decisions was deciding how much interface the brand actually needed.

Too many filters, labels and controls would make the experience feel like a marketplace. Too little structure would make a catalogue of handmade objects difficult to navigate.

I used a restrained UI, generous spacing and neutral surfaces so that the product photography could remain the strongest visual element.

One of the biggest design decisions was deciding how much interface the brand actually needed.

Too many filters, labels and controls would make the experience feel like a marketplace. Too little structure would make a catalogue of handmade objects difficult to navigate.

I used a restrained UI, generous spacing and neutral surfaces so that the product photography could remain the strongest visual element.

One of the biggest design decisions was deciding how much interface the brand actually needed.

Too many filters, labels and controls would make the experience feel like a marketplace. Too little structure would make a catalogue of handmade objects difficult to navigate.

I used a restrained UI, generous spacing and neutral surfaces so that the product photography could remain the strongest visual element.

Malvarrosa's current mobile experience

UX direction: Designing the journey

The prototype follows a complete purchasing journey:

Discover → Browse → Search → Product → Add to Bag → Checkout → Confirmation

The main navigation keeps access to the essential areas simple:

Home · Shop · Favourites · Account

I focused the experience around the moments that matter most when buying online:

  • Discovering products

  • Browsing categories

  • Searching and filtering

  • Saving favourites

  • Understanding product details

  • Managing the cart

  • Completing checkout

The goal was to reduce friction while giving the products enough space to feel considered.

The prototype follows a complete purchasing journey:

Discover → Browse → Search → Product → Add to Bag → Checkout → Confirmation

I also explored the supporting ecosystem around that journey:

Favourites allow users to save pieces they are considering.

Notifications create opportunities for re-engagement through restocks, shipping updates and personalised recommendations.

Profile brings orders, favourites, payment methods and addresses into one place.

This turns the concept from a collection of product screens into a connected ecommerce system.

The prototype follows a complete purchasing journey:

Discover → Browse → Search → Product → Add to Bag → Checkout → Confirmation

I also explored the supporting ecosystem around that journey:

Favourites allow users to save pieces they are considering.

Notifications create opportunities for re-engagement through restocks, shipping updates and personalised recommendations.

Profile brings orders, favourites, payment methods and addresses into one place.

This turns the concept from a collection of product screens into a connected ecommerce system.

UI screens

The high-fidelity screens translate the earlier UX decisions into a cohesive mobile experience, connecting product discovery, exploration, decision-making and checkout through a consistent visual language.

The high-fidelity screens translate the earlier UX decisions into a cohesive mobile experience, connecting product discovery, exploration, decision-making and checkout through a consistent visual language.

From clicks to conversion

The ecommerce concept also creates an opportunity to turn existing interest into measurable sales.

Hypothetical scenario

10,000 monthly visitors

↓

2% conversion → 200 orders

↓

€40 average order value

↓

€8,000 monthly revenue

At a 3% conversion rate, the same traffic could generate approximately €12,000/month.

These figures are a hypothetical projection, not measured results.

The ecommerce concept also creates an opportunity to turn existing interest into measurable sales.

Hypothetical scenario

10,000 monthly visitors

↓

2% conversion → 200 orders

↓

€40 average order value

↓

€8,000 monthly revenue

At a 3% conversion rate, the same traffic could generate approximately €12,000/month.

These figures are a hypothetical projection, not measured results.

The ecommerce concept also creates an opportunity to turn existing interest into measurable sales.

Hypothetical scenario

10,000 monthly visitors

↓

2% conversion → 200 orders

↓

€40 average order value

↓

€8,000 monthly revenue

At a 3% conversion rate, the same traffic could generate approximately €12,000/month.

These figures are a hypothetical projection, not measured results.

Reflection

This project reminded me that good ecommerce design isn't only about making products easy to buy. It's about finding the right balance between conversion, usability and brand identity.

For a handmade brand, the interface should support the purchase without competing with the product itself. Every decision, from the navigation structure to the amount of visual hierarchy, was made to keep the ceramics at the centre of the experience.

The result

What started as a simple idea for a local ceramic studio that I love became an exploration of how craft and commerce can coexist digitally, creating a shopping experience that feels considered, approachable and true to the brand. What I would do next would be follow up with the same ecommerce concept merge it into the website.

What’s next

The next step would be to take the ecommerce concept further and integrate it into Malvarrosa Cerámica’s existing website, creating one cohesive experience for both brand storytelling and online shopping.

This would also be an opportunity to explore how the editorial side of the website could work alongside the new ecommerce experience, rather than treating them as separate products.

Explore the interactive prototype below

02

More Projects

UX/UI

Web Development

Wordpress

Making storage easier to understand, explore and book online.

Making storage easier to understand, explore and book online.

Mobile

Product Design

Concept project

Personalised news, translated and simplified for every reader.

Personalised news, translated and simplified for every reader.

Building clear, user-centred

digital experiences.

Building

clear, user-centered digital experiences.

Create a free website with Framer, the website builder loved by startups, designers and agencies.