renzodistefano.com

La situazione iniziale

Il Cliente voleva rinnovare l’aspetto grafico del sito e inoltre migliorare le performance e il processo di acquisto. Infatti aveva notato che diversi utenti avevano difficoltà nell’acquisto.

Abbiamo quindi deciso di riprogettare da zero la struttura generale dell’ecommerce. Abbiamo deciso di dargli un aspetto luxory anche se il costo medio dei prodotti non è elevato; questo perchè la qualità è invece molto elevato trattandosi di prodotti tutti realizzati a mano.

Visita il sito

renzodistefano.com

Ci siamo occupati di

Progettazione grafica tramite tema custom e user experience.

Cosa abbiamo fatto nel dettaglio

L’above the fold, ossia la sezione che appare appena si accede al sito senza dover scrollare, è stata studiata per presentare subito i prodotti di punta, per sottolineare l’artigianalità dei prodotti e per condurre gli utenti verso le categorie di riferimento.

Abbiamo poi creato da zero (senza l’utilizzo di plugin) un Mega Menu che permette al Cliente di creare sezioni in colonna e inserire prodotti, categorie o pagine in evidenza.

Infine nell’Home Page abbiamo voluto dare molto risalto ai prodotti e alla loro qualità. Trattandosi di prodotti tutti realizzati a mano, abbiamo scelto di utilizzare uno sfondo trasparente per dare risalto all’immagine del prodotto.

Nel caso dei miniwallet abbiamo creato una gif che mostra la varietà dei colori e dei modelli che l’utente può scegliere.

Funzione aggiunte

Per rendere il nuovo sito più moderno e facilitare la navigazione dell’utente abbiamo aggiunto diverse funzioni interessanti. Tutte le funzioni sotto riportate sono state programmate da zero e non sfruttano plugin già esistenti.

1. Visualizzati di recente

Per assicurarci che l’utente non si dimentichi dei prodotti appena visualizzati, abbiamo aggiunto una barra in fondo al sito così da non essere troppo invasiva con i prodotti visualizzati durante la sessione.

2. Floating bar Aggiungi al carrello

Nella progettazione della pagina prodotto volevamo che l’utente potesse aggiungere al carrello dovunque si trovi nella pagina. Per questo motivo quando l’utente scrolla verso il basso e il pulsante di aggiunta al carrello scompare, viene mostrata una floating bar che riepiloga le selezioni fatte dall’utente con il pulsante di aggiunta al carrello.

3. Ricerca dinamica

Abbiamo creato una ricerca dinamica. Ciò significa che man mano che l’utente digita i termini di ricerca vengono mostrati i prodotti inerenti. Le parole vengono cercate nel contenuto, nel titolo e nelle categorie dei prodotti per garantire dei risultati ottimali.

Inoltre il tutto è super veloce perchè i risultati vengono inseriti nella cache e non vengono visualizzati tramite Ajax come fanno tutti i plugin di questo tipo, che richiede l’impiego di molte risorse.

4. Sidebar Cross-sell

Quando l’utente aggiunge un prodotto al carrello compare una sidebar che avvisa che l’azione è stata completata ma nel frattempo suggerisce altri prodotti che gli potrebbero interessare. Questi prodotti possono essere scelti facilmente usando le impostazioni del prodotto dentro il backend di Woocommerce e garantiscono di massimizzare il carrello medio.

In questo caso abbiamo utilizzato questa funzione per proporre il servizio di personalizzazione offerto da Renzo di Stefano.

5. Sidebar Mini-carrello

Abbiamo costruito una sidebar carrello del tutto personalizzata, dove se l’utente non ha aggiunto ancora prodotti vengono suggeriti i prodotti più acquistati nello store.

Versione mobile

Come in ogni progetto abbiamo ottimizzato la parte mobile studiando una layout dedicato. Le varie sezioni e funzioni sono state riprogettate per garantire un tap del dito pulito. Quindi tutti i vari elementi sono stati ben distanziati e siamo stati attenti a mostrare nell’above the fold subito tutti gli elementi essenziali.

Nel caso specifico alcuni elementi sono stati inseriti con uno slider che viene mostrato solo nel mobile, invece di mettere ogni elemento sotto l’altro come fa la maggior parte dei siti, ma che in realtà rende troppo dispersiva la navigazione utente.

Recensione del Cliente

“Francesco è davvero un professionista, molto gentile e pronto a raccogliere le richieste del cliente. Come se non bastasse offre un supporto costante ed efficiente!
Grazie mille!”

– Giovanni Campisi, CEO di Renzo di Stefano