All work 03 / 05

A headless storefront for a Milanese steel furniture maker, where every product page reads like a spread from a printed catalogue.

Project
03
Category
E-commerce Platform
Year
2025
Ferro online store on a graphite backdrop, showing a tubular steel chair and a grid of furniture products.
Overview

Hand-bent steel deserved better than a template checkout.

Client
Ferro Milano
Industry
Furniture & Retail
Year
2025
Location
Milan, Italy
Services
  • Strategy
  • UX/UI Design
  • Web Design
  • Development
Ferro brand composition: a heavy FERRO wordmark beside a steel mirror outline.
01

The challenge

Objects made to last decades, sold through a shop built in a weekend.

Ferro’s pieces are bent and brushed by hand, but online they sat in a generic theme next to discount banners.

02

The approach

Treat the shop as a catalogue first and a checkout second.

Heavy grotesk headlines, cool steel neutrals and generous product photography framed like museum objects.

Product study of the Plate table in steel.
Tube No.4 product page with specifications.
03

The solution

A fast headless storefront with editorial product pages.

Each object gets a spread: material, dimensions, lead time and the story of how it is made, with checkout one tap away.

04

The result

The shop now feels as solid as the furniture.

Ferro has a storefront it owns completely, ready for new collections without a redesign.

What we did

Our part in the work.

Qoro led 4 disciplines on Ferro, carried by one small team from first conversation to launch.

  1. 01 Strategy catalogue first, checkout second
  2. 02 UX/UI Design product pages as spreads
  3. 03 Web Design steel, weight and white space
  4. 04 Development headless commerce, built for speed
Design system

Colour & type.

The palette and typefaces behind Ferro. Tap a colour to copy its value.

Display Almarai ExtraBold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 &?!

Body Almarai Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 &?!

Visual language

Heavy type set tight like stamped metal, a strict product grid and steel gradients used only on the objects themselves.

Ferro interface components: buttons, navigation, fields and a product card in hover state.
Wordmark

Ferro

Interaction — try it
Product study of the Plate table in steel.
The website

Designed and built in the browser.

Homepage, index and inner pages, designed as one system across desktop and mobile.

Ferro homepage featuring the Tube No.4 chair.
Ferro collection page with chair, lamp, table and mirror.
Tube No.4 product page with specifications.
On mobile

Redesigned for the thumb, not shrunk from the desktop.

Ferro homepage on mobile.
Ferro collection list on mobile.
Halo lamp product page on mobile.
Outcome
  1. 01

    A premium shopping experience

    Products presented like objects, not stock.

  2. 02

    Full platform ownership

    A headless stack Ferro controls.

  3. 03

    Ready to grow

    New collections without a redesign.

Ferro — in one line

A storefront with the weight, and the patience, of steel.

Next project 04 / 05

Mono

Brand Identity 2024