loader image
Tempo di lettura 5 minuti

Tommasin S.R.L.

Restyling sito web

Progetto Web Design

UX/UI DESIGN     ART DIRECTION     SCROLLYTELLING     CONTENT DESIGN     CODING

Obiettivo

Un completo restyling del sito di Tommasin Utensili per rafforzare il brand, integrando una palette e un font esclusivi, uno scrollytelling interattivo e una sezione occhialeria dedicata.

Innovazione Digitale: Il Restyling di Tommasin Utensili

Tommasin Utensili, azienda leader nel settore degli utensili industriali, ha intrapreso un ambizioso progetto di restyling del proprio sito web per rafforzare l’identità del brand e valorizzare la propria expertise. Il nuovo sito non è soltanto una vetrina digitale, ma un’esperienza interattiva che coniuga tecnologia e design, rispecchiando l’eccellenza tecnica e l’attenzione ai dettagli che contraddistinguono l’azienda.

Strategia di Corporate Design

Un aspetto fondamentale del progetto è stato il rinnovamento della corporate identity. È stata studiata una palette cromatica ad hoc, in grado di comunicare professionalità e innovazione, affiancata a una scelta tipografica ricercata e coerente con il settore industriale di Tommasin. Questa combinazione ha permesso di creare un linguaggio visivo forte e distintivo, che rafforza l’immagine del brand e ne evidenzia la qualità artigianale e tecnologica.

CMYK: 0, 93, 79, 0
Rgb: 230, 41, 48
Hex: E62930

CMYK: 0, 93, 79, 0
Rgb: 230, 41, 48
Hex: E62930

CMYK: 0, 93, 79, 0
Rgb: 230, 41, 48
Hex: E62930

TIPOGRAFIA


Oxanium

Oxanium is a sans serif system. It features a huge range of weights and widths, ready for all kind of typographic challenges.


Oxanium Medium
Aa

Oxanium Light
Aa Bb 123!&?
Oxanium Regular
Aa Bb 123!&?
Oxanium Bold
Aa Bb 123!&?

Scrollytelling: Un’Esperienza Narrativa Interattiva

Uno dei concept innovativi del restyling è rappresentato dallo scrollytelling nell’home page. All’avvio del sito, l’utente viene accolto da un’animazione coinvolgente in cui una fresa, inizialmente rappresentata come un wireframe, si trasforma gradualmente in un elemento materico grazie a sofisticati effetti laser. Questo percorso visivo, completamente triggerato dall’interazione del mouse – sia da desktop che da mobile – non solo cattura l’attenzione, ma racconta in modo dinamico la trasformazione e la precisione dei processi produttivi di Tommasin.

Innovazione nella Sezione Occhialeria e Pagine Specializzate

Oltre all’home page, il progetto ha previsto la creazione da zero di una nuova sezione dedicata all’occhialeria. In quest’area, il sito è strutturato in tre macro aree (frese), ognuna delle quali gestisce specificamente le fasi di lavorazione delle lenti.

Questa suddivisione permette di offrire informazioni chiare e dettagliate, migliorando la fruibilità per il visitatore. Inoltre, è stata realizzata una pagina dedicata alle lenti oftalmiche, pensata per rispondere in modo esaustivo alle esigenze di una clientela sempre più esigente e attenta alla qualità.