anno 2025
copertina #36
E-Commerce e fanpage della ferramenta Astori

E-Commerce e fanpage della ferramenta Astori

Awards:

Come si progetta lo shop online di una ferramenta

Un sito e-commerce progettato per presentare, far trovare e vendere migliaia di prodotti. Un lavoro di architettura di (moltissimi) contenuti e web development per la gestione di ogni fase.

Il lavoro che sta dietro alla creazione di un sito e-commerce deve svilupparsi attraverso il binario dell'organizzazione concettuale dei prodotti (quel sistema che deve presentare con chiarezza tutto lo sconfinato catalogo dei prodotti) e il binario di un web development che permetta a tutto il sito di gestire con estrema fluidità tutti i processi di ordine, di acquisto e di pagamento. Un lavoro complesso.

Anche per un e-commerce valgono le regole fondamentali che valgono per ogni altra tipologia di sito: si deve creare un'esperienza attraverso cui coinvolgere i visitatori. Il primo ingrediente per cucinare un'ottima web experience è senza dubbio l'aspetto grafico. Accogliente, chiaro, su cui sia facile orientarsi. Uno schema visivo perfetto perché vengano inseriti al suo interno contenuti e, soprattutto, proposte all'azione.

Un sito che raggiunge il suo obiettivo non deve rispondere alle esigenze: deve anticiparle. Un fine raggiungibile attraverso design grafico e messaggi propositivi.

Google Analytics ferramenta Astori

Se pensate solo al fatto che su astorispa.it potreste imbattervi nell’estrema specificità di cova-tutto (incubatrici per uova) e misuratori laser da cantiere, al fianco dei più ordinari attrezzi da giardinaggio e bricolage, avete già un quadro chiaro della situazione.

Dire che Astori è una ferramenta è parecchio riduttivo visto il suo sterminato assortimento di migliaia di articoli diversissimi, dedicati a diversissimi campi d’intervento.

Problemi? Nessuno quando hai un punto vendita fisico fornito da un magazzino verticale di migliaia e migliaia di metri quadrati. Ma se poi vuoi aprire uno store anche online le cose cambiano. Molto. Astori voleva proprio un e-commerce e lo voleva dalla nostra agenzia di comunicazione.

Così, questo è stato il progetto di fronte al quale si è trovata l’agenzia web.

La necessità era quella di rendere ognuno delle migliaia di prodotti disponibili, perfettamente rintracciabile da ogni utente del sito. Ma non solo.

Lo shop online della ferramenta Astori - copiaincolla
Pagina prodotto del sito web per Ferramenta Astori - copiaincolla

Oltre al sistema di live-search che va a pescare istantaneamente proprio il prodotto che cerchi, restituendo tutti i dettagli dell’articolo e l’immediata possibilità di acquistare, il sito offre anche due distinte esperienze di navigazione.

A seconda che l’utente sia un privato oppure qualcuno che possa contare su una partita iva, astorispa.it è stato creato per proporre differenti offerte, differenti suggerimenti d’acquisto e per ricordare tutti i dati personali e di fatturazione, rendendo la navigazione efficace e pratica in ogni situazione d’utilizzo, per ogni cliente.

Fondamentale lo studio in termini di content architecture, con un sistema di categorie perfettamente integrato nella veste grafica progettata offline e resa poi viva sul web. In un simile scenario, l’aspetto visuale del front-end doveva essere pensato per orientare l’esperienza di navigazione e offrire costanti riferimenti all’occhio dell’utente.

Pagina Facebook di ferramenta Astori - copiaincolla
Post Facebook fan page per la ferramenta Astori - copiaincolla

Ora il sito offre all’azienda la possibilità di gestire autonomamente l’inserimento di nuovi prodotti, l’esclusione di prodotti non più disponibili, le transazioni di acquisto. Più che una filiale online, è diventato un vero e proprio store gemello dello storico punto vendita aziendale. Infine la realizzazione di contenuti creativi per farcire la fan page Facebook e condirla di un’anima più social.

Sito web menzionato da CSS Design Awards

Sito web menzionato da Awwwards

Sito web menzionato da CSS Light

Sito web menzionato da CSS Burst

Sito web menzionato da Divine CSS

Sito web menzionato da CSS Glance

Sito web menzionato da HTML5 Arena

Sito web menzionato da Design Licks

Sito web menzionato da Folio Focus

Sito web menzionato da WebDesignInspiration

Sito web menzionato da Best CSS

Novità e progetti dell'agenzia?

Ne parla la newsletter. Iscriviti!

Ciao, vuoi chattare con noi?

Ciao, vuoi fissare un appuntamento con noi?

copiaincolla chat