Sito web Arte & D

OKCS ha realizzato il nuovo sito web di Arte&D, in occasione del lancio del loro nuovo catalogo prodotti per l’anno 2017. Nello specifico, ci siamo occupati del design, della strutturazione e dello sviluppo del sito web. Lo scopo principale del portale è far vedere tutti i prodotti del catalogo, facendone risaltare le peculiarità e il loro impatto in ipotetici ambienti.

Lo stile generale del sito è basato sull’immagine coordinata dell’azienda e del nuovo catalogo.
Una delle decisioni di maggior peso dal punto di vista grafico è stata sicuramente quella di riprendere la forma dell’esagono. La scelta dell’iconografia e dei colori più appropriati per ogni categoria di prodotto hanno seguito le direttive dell’immagine coordinata aziendale.

Ciò che abbiamo realizzato è un sito che dà ampio spazio al contenuto fotografico, mantenendo in tutte le sue pagine uno stile generale tendente al minimale.
 
 

Appena si entra nel sito ci sono i prodotti principali dell’azienda. In home page c’è la possibilità di accedere direttamente alla tipologia prodotto ricercata o di visualizzare tutti i prodotti di Arte&D. Ogni categoria prodotto ha un colore associato, questo è pensato per facilitare la navigazione del sito da parte dell’utente identificando subito quest’informazione.

 

Qui possiamo vedere la pagina prodotti del sito.

In modo semplice e intuitivo si può trovare il prodotto più adatto alle proprie esigenze, scegliendo la categoria di prodotto e la destinazione d’uso.

Posizionandosi con il cursore sopra all’immagine appare l’esagono del colore associato alla categoria di prodotto.

La pagina del singolo prodotto è caratterizzata da un’immagine d’apertura a cui è sovrapposto l’esagono colorato.

Scendendo si trovano le specifiche delle categorie a cui appartiene il prodotto, le gallery con foto ambientate e still life, per finire con l’elenco dei dati tecnici del prodotto.

Qui invece si vedono tutti i dati del prodotto Essendocene molti, abbiamo scelto di nascondere quelle secondarie nella visualizzazione iniziale.
L’utente può quindi sceglie di approfondire cliccando sulle aree sensibili per vedere tutte le informazioni secondarie.

Per ogni prodotto sono riportati tutti materiali e le finiture disponibili, oltre a questo si possono leggere tutte le specifiche tecniche, i singoli codici prodotto con le dimensioni, le certificazioni e altre caratteristiche come l’impilabilità e molto altro ancora.

 

Nella pagina “Spazi e inspirazioni” si possono vedere tutte le immagini ambientate dei prodotti in base alla destinazione d’uso.

Nella pagina “Risorse” si possono scaricare tutti i file messi a disposizione liberamente dall’azienda:

  • Cataloghi
  • Materiali e finiture dei prodotti
  • Caratteristiche tecniche

L’azienda ha la necessità di fornire informazioni riservate a una cerchia ristretta di clienti, per questo è stata creata un’area riservata del sito dove solamente gli utenti registrati possono trovare tutti i listini prezzi, immagini in alta risoluzione, file 3D e molto altro ancora.

MORE INFO