UX e modelli 3D per il website di ROSSS

Cliente
ROSSS
Practice utilizzate
UX/UI Design, Website Development, 3D Interaction
Tempistica
2024
Settore
Manifatturiero
restyling del sito web​ ROSSS, pagina dei prodotti

Obiettivi

Restyling grafico di un sito web funzionale a ottimizzare la navigazione.

Sviluppo di un concept grafico per sottolineare i punti di forza dell’azienda.

UX incentrata sulla fruizione dei prodotti ROSSS.

Design di un configuratore per interagire con i modelli 3D dei prodotti.

Overview

ROSSS è un’azienda che produce ed esporta in tutto il mondo scaffalature industriali metalliche. Quando ci hanno contattati, la richiesta è stata quella di ridisegnare il loro sito web, migliorando l’architettura dei contenuti e l’usabilità. 

La sfida più entusiasmante per il nostro team è stata creare modelli 3D interattivi per visualizzare i prodotti, sviluppando un configuratore per permettere agli utenti di interagire con questi modelli di prodotto direttamente sul sito.

As Is

Quando ci hanno contattati, Rosss aveva un sito che non rispecchiava assolutamente la qualità del loro lavoro e del loro brand. Scarsamente navigabile, con un’architettura frastagliata e contenuti non indicizzati, il sito aveva bisogno di un profondo restyling e di uno sviluppo full custom che mettesse in evidenza i prodotti.

Progetto

Per elevare l’identità sul web di ROSSS, il nostro team di UI/UX ha svolto un’analisi estetica e di funzionalità del sito. Il passaggio successivo è stato ideare un nuovo concept grafico in grado di valorizzare i punti di forza dell’azienda, puntando su: minimalismo, animazioni, UX e modelli 3D con animazioni, il vero elemento di novità per portare sul sito web una navigazione immersiva e in grado di valorizzare davvero i prodotti.

Alla base dell’intero progetto, il team Web ha lavorato per garantire responsività del sito e velocità di caricamento dei modelli 3D.

Sviluppo elementi 3D e animazione

Abbiamo realizzato un configuratore per interagire con i modelli 3D dei prodotti ROSSS, così da rendere la navigazione interattiva e coinvolgente. Il configuratore permette infatti di personalizzare i prodotti con colori diversi ed elementi specifici. Partendo da modelli esistenti, abbiamo lavorato per ottimizzare gli elementi 3D, rendendoli più intuitivi e user-friendly. Obiettivo: semplificare l’esperienza dell’utente.

L’intero concept grafico, arricchito dall’inserimento di elementi asimmetrici, mouse-hover interattivi, elementi 3D e piccole animazioni, punta a innalzare l’attenzione dell’utente per una UX realmente coinvolgente.

Mobile version per una UX ottimale

Data la natura del progetto e l’esigenza di differenziare l’UX/UI tra le versioni del sito web mobile e desktop, il nostro team ha sviluppato modelli 3D distinti per ottimizzare usabilità e responsività in base al dispositivo utilizzato. 

La versione mobile, in particolare, è stata progettata con un design innovativo, pensato appositamente per garantire la migliore esperienza utente su smartphone, mantenendo tutte le funzionalità del configuratore di prodotti.

Implementazione 3D

La richiesta è stata una sfida doppia. Da un lato abbiamo lavorato per centrare gli obiettivi richiesti di UX/UI da parte dell’azienda e, allo stesso tempo, abbiamo puntato a un design che garantisse una realizzazione tecnica ottimale che non perdesse di vista la responsività del sito e la velocità di caricamento dei modelli 3D.

Tecnologie utilizzate

WordPress_logo
Wordpress
Javascript
Javascript
Sinerbit Digital Agency Tools
Three Js
Tailwind
Tailwind

Risultati

Il nuovo sito web di ROSSS è il frutto di un mix di competenze del nostro team di strategist, web developer e designer. 

Sito moderno e funzionale

La nuova architettura del sito è funzionale alla navigazione ed è garantita da una realizzazione tecnica ottimale.

Velocità di caricamento

Responsività del sito e velocità di caricamento dei modelli 3D.

Nuovo concept grafico

Il nuovo concept valorizza l’azienda ROSSS, la sua storia e i suoi prodotti.

Hai un progetto in mente?