Noisrls.com

Ecommerce di prodotti per animali testati e certificati

La situazione iniziale

Il Cliente ci ha contattato per migliorare l’aspetto grafico del sito e ottimizzarlo. L’aspetto iniziale del sito era davvero confusionario, con elementi che andavano fuori schermo o che rendevano difficile il click da parte dell’utente. Il problema principale era che per le azioni principali per un ecommerce (aggiunta al carrello e finalizzazione checkout) si doveva scrollare tantissimo lungo la pagina, prima di trovare un piccolo bottone che si confondeva con il resto del design.

Altro problema principale era il rendere tutto molto semplice e intuitivo, visto il target di riferimento. Gli utenti tipo dell’ecommerce sono infatti donne tra i 50 e i 60 anni che non sono esperte degli acquisti online.

Per questo motivo dopo un’analisi sul sito attuale e sul comportamento del target di riferimento abbiamo studiato una nuova struttura che potesse semplificare il processo di acquisto e dare un aspetto più moderno al sito.

Visita il sito

noisrls.com

Ci siamo occupati di

Creazione di un tema custom ed user experience.

Cosa abbiamo fatto nel dettaglio

Questa era la situazione iniziale con alcuni elementi che si sovrapponevano (l’icona del carrello con quella del search) e con la sezione above the fold non ottimizzata.

Questa sezione infatti, ossia quella che si vede appena si accede al sito senza dover scrollare, deve subito indicare cosa l’utente troverà nel sito o incentivarlo a fare un’azione. Nel vecchio sito l’above the fold era sfruttato per creare 3 diverse sezioni che contavano fin troppo testo che nessun utente avrebbe mai letto.

Abbiamo deciso di trasformare l’Home page in questo modo.

Prima di tutto inserendo una TOP Header dove il Cliente può inserire in autonomia delle PROMO o delle comunicazioni importanti.

Abbiamo dato più spazio alle voci di menu rendendo le più chiare e ben organizzate.

Abbiamo inserito poi una sezione con tutte le categorie principali, così che l’utente possa subito andare a vedere i prodotti di suoi interesse e infine aggiunto dei banner con prodotti o categorie in evidenza.

Anche il resto dell’Home Page è stato rivoluzionato come puoi vedere dal video in alto.

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. Acquisto veloce

Per tutti i prodotti con variazioni viene aperto un popup per permettere all’utente di selezionare gli attributi che preferisce. In questo modo l’aggiunta al carrello del prodotto può avvenire in qualsiasi pagina del sito e non solo nella pagina prodotto singola.

2. Ricerca dinamica

Ora la ricerca su noisrls.com è dinamica. Ciò significa che man mano che l’utente digita la parola 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.

3. Sidebar Mini-carrello

Abbiamo costruito una sidebar carrello del tutto personalizzato, dove se l’utente non ha aggiunto ancora prodotti vengono suggeriti i prodotti più acquistati nello store. Inoltre viene mostrata una barra di progressione che avvisa l’utente al raggiungimento della spedizione gratuita così da incentivare l’aggiunta di nuovi prodotti e l’aumento del carrello medio.

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.

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.

Inizia un progetto

Realizziamo il tuo progetto insieme


    Facci sapere in cosa consiste il tuo progetto e cosa vuoi ottenere. Puoi scegliere uno o più servizi, se non trovi quello adatto a te descrivi cosa ti serve nel messaggio.

    (autorizzo al trattamento dei dati personali ai sensi dell'art.13 D.Lgs. 196/2003 e dell'art.13 D.lgs 679/2016. Per maggiori informazioni fare riferimento alla Privacy Policy)