Web Design / UX/UI / Design System

Catis

Progettazione e sviluppo dell'architettura e-commerce e del design system per un brand leader nella produzione di componenti e sistemi di risciacquo per il bagno

E-commerceUX/UI DesignDesign SystemIconographyFiltering System
Vedi progetto live
Anno2026
CategoriaWeb Design / UX/UI / Design System
ServiziE-commerce, UX/UI Design, Design System
Catis
Panoramica

Il progetto

Catis — La tradizione dell'idraulica italiana incontro al design digitale Catis è una storica eccellenza italiana fondata negli anni '50, punto di riferimento e leader nella produzione di componenti e sistemi di risciacquo per il settore idro-termosanitario. L'azienda ha legato indissolubilmente il proprio nome alla storia dell'impiantistica civile grazie all'invenzione e al brevetto — ad opera del fondatore Giuseppe Campiglia — del rivoluzionario meccanismo di scarico per cassette WC basato sul principio fisico di Venturi. Un'innovazione talmente pervasiva da entrare nella cultura di massa, trasformando l'espressione "meccanismo Catis" nel sinonimo per antonomasia del sistema di scarico tradizionale. Qualità costruttiva e gamma prodotti I componenti Catis si distinguono da sempre per l'affidabilità e l'impiego di materiali nobili come ottone, rame e ghisa, ideati per garantire durabilità e resistenza meccanica: Batterie di scarico e sifoni: il cuore tecnologico interno alle cassette, evoluto negli anni dalle versioni classiche fino ai sistemi contemporanei. Pulsanti e comandi di azionamento: l'iconico bottone esterno in ottone o finitura cromata, collegato al circuito pneuma-idraulico di azionamento. Galleggianti e ruote di livello: componenti di alta precisione dedicati alla regolazione e al controllo del flusso d'acqua. Sistemi Ecostop: soluzioni di ultima generazione orientate al risparmio idrico con opzioni di doppio scarico (parziale e totale). Il progetto di Redesign e UX/UI L'intervento di progettazione digitale ha tradotto questo ricco patrimonio storico e industriale in un'esperienza e-commerce e di navigazione moderna e funzionale. Attraverso l'elaborazione di un'architettura di filtraggio su misura, una libreria iconografica vettoriale ispirata alla geometria dei prodotti idraulici e un Design System strutturato, il nuovo ecosistema web valorizza la complessità tecnica del catalogo Catis rendendola accessibile, intuitiva e orientata sia ai professionisti del settore che all'utente finale.

Processo

Come ho lavorato

01

Analisi del catalogo prodotti e mappatura dell'architettura delle informazioni

02

Studio e definizione dei criteri di filtraggio avanzato per il settore idro-termosanitario

03

Progettazione del Design System e della libreria componenti in Figma

04

Sviluppo del set di icone tecniche a tratto outline

05

Prototipazione ad alta fedeltà delle schede prodotto e dei flussi d'acquisto

Gallery

Dettagli del progetto

Catis - Hero e vista principale del progetto
Catis - Design System e libreria componenti
Catis - Hero e vista principale del progetto
Catis - Hero section
Catis - Interfaccia del sistema di filtraggio avanzato
Catis - Set di icone tecniche personalizzate
Catis - Schermata mobile
Catis - Schermata e-commerce mobile
Catis - E-commerce
Sfide & Soluzioni

Problemi affrontati

Sfide

01

Gestire un'ampia quantità di referenze e schede tecniche senza appesantire l'interfaccia utente, mantenendo un linguaggio visivo rigoroso ma contemporaneo

Soluzioni

01

Sviluppo di un sistema di filtri dinamici basato su logiche idrauliche/pneumatiche e razionalizzazione della gerarchia visiva mediante componenti modulari ed elementi grafici tecnici personalizzati

Continua a esplorare

Vedi altri progetti

Logo

Simone Massarella

UX/UI & Web Designer