🇮🇹(COVID19) Vidra aderisce all'iniziativa Solidarietà Digitale del Ministero dell'Innovazione - Abbonamento gratuito per 3 mesi

Web Design: 3 Regole per Migliorare l’Aspetto del tuo Ecommerce

Simone Velocci 9 luglio 2020

Forme, immagini e colori: perchè questi tre elementi sono così importanti per la performance del tuo ecommerce?

Seguimi nella lettura di questo blogpost e capirai anche tu perchè bisogna fare molta attenzione ai colori, alle immagini e alle forme per il layout del tuo negozio online.

Cosa significa “layout”?

Questo termine inglese viene tradotto come “configurazione”. Si riferisce a tutto ciò che l’utente vede sullo schermo durante la navigazione su un sito oppure durante l'utilizzo di un’applicazione: la disposizione dei tasti, i colori dello sfondo, le immagini utilizzate, la posizione degli elementi con cui l’utente può interagire, etc.

1. Migliora le Immagini dei Prodotti

come fare foto perfette per ecommerce

Quanto possono influire le immagini sulle scelte dei clienti?

Te lo illustrerò attraverso la storia di AirBnb, il più famoso portale online dove affittare una casa vacanza in totale sicurezza.
Quando il sito venne lanciato non riusciva ad ottenere sufficienti prenotazioni dagli utenti che quotidianamente lo visitavano.

Qual’era il problema?
I fondatori individuarono la causa delle scarse prenotazioni nella bassa qualità delle foto che i proprietari delle case caricavano sul sito.

La soluzione?
AirBnb ingaggiò dei fotografi per scattare delle foto accattivanti e interessanti negli alloggi messi in affitto sulla loro piattaforma. Fu una mossa molto rischiosa perché la società era nata da poco ed i guadagni erano appena sufficienti a coprire questa spesa.

Il risultato?

In pochissimo tempo i guadagni sono raddoppiati, le prenotazioni hanno continuato ad aumentare e oggi AirBnb è la piattaforma principale per chi parte in vacanza e cerca una stanza accogliente e diversa da quella di un hotel.

Ecco quanta differenza possono fare delle ottime foto sui guadagni e sulle vendite di un’attività.

Come puoi migliorare le immagini dei tuoi prodotti senza spendere una fortuna?
Per scattare delle ottime foto ai tuoi prodotti non bisogna per forza pagare un fotografo esperto, puoi farlo tu stesso seguendo i consigli che ti elencherò qui sotto.

Se vuoi scattare le foto dei prodotti con il tuo smartphone assicurati che abbia una buona fotocamera con almeno 12 megapixel. Ancora meglio se hai una fotocamera digitale con almeno 18 megapixel, oppure un amico fotografo a cui rivolgervi.

Questi sono gli strumenti necessari, ora vediamo i consigli per ottenere delle foto adatte alla vendita online:

  • Utilizza la griglia del tuo smartphone (o le guide nel mirino della fotocamera digitale) per centrare il prodotto a cui vuoi scattare la foto.

come scattare foto perfette per prodotti ecommerce

Ordine, Semplicità e Minimalismo

Per creare un sito pulito e familiare per gli utenti che acquistano nel tuo ecommerce non servono grafiche elaborate, loghi 3D ed effetti speciali.
I clienti che vogliono fare shopping online hanno bisogno di un sito semplice da usare e funzionante al 100%. Nient’altro.

Vidra questo lo sa già e ti mette a disposizione 3 temi predefiniti che puoi scegliere per il tuo negozio online: Bright Minimalism, Forniture e Food.
Per cambiare l’aspetto del tuo ecommerce creato con Vidra accedi alla dashboard con le tue credenziali, vai nella scheda Negozio, poi Aspetto, infine clicca sul bottone “Sfoglia Temi” e scegli quello che preferisci.

Per approfondire consulta la guida per cambiare il tema

Vediamo come puoi rendere il tuo sito ordinato e accattivante con Vidra!

Un aspetto molto apprezzato è sicuramente avere un’immagine di apertura a tutta pagina. Immagina un cliente che accede al tuo negozio online e trova una foto che riempie lo schermo del suo computer o dello smartphone: fa un bell’effetto vero?

L’immagine di apertura dice al cliente “Benvenuto nel mio ecommerce”, inoltre crea ordine ed equilibrio con le immagini di dimensioni più piccole all’interno del sito.

Come posso impostare un’immagine di apertura nella homepage mio ecommerce?
Nella dashboard del tuo negozio online creato con Vidra clicca su Negozio, poi Pagine e clicca sul bottone “Nuova Pagina”. Aggiungi un titolo che apparirà sulla foto nella pagina principale del tuo sito, poi nella sezione Immagine Principale carica la foto che hai scelto e seleziona l’opzione Personalizza URL e metatag. Leggi questa guida per completare correttamente i campi Meta Title e Meta Description della sezione Ottimizzazione SEO.

Nel campo Indirizzo Web scrivi “homeslider_1”, in questo modo:

impostare immagine apertura su vidra

Adesso clicca in basso su Salva e poi sull'interruttore Visibile ai Clienti per renderlo pubblico sul tuo ecommerce.

Puoi creare anche un carosello di immagini nella tua homepage, e per farlo ti basterà creare una nuova pagina scrivendo “homeslider_2” nel campo Indirizzo Web, e così via. Se hai qualche dubbio visita la sezione Help del nostro sito.

Quale immagine dovrei scegliere per la pagina principale del mio ecommerce?
Dovrai scegliere un’immagine che sappia catturare il cliente, che sia in grado di comunicare la fiducia ed i valori del tuo brand.

Prendiamo come esempio la home del sito di Apple, dove come immagine d’apertura troviamo uno dei loro prodotti di punta del momento.

web design del sito apple

Questo tipo di scelta potresti farlo anche tu nella home del tuo ecommerce!

Prima di tutto l’immagine deve essere di alta qualità e le dimensioni devono essere sufficienti per non far apparire sgranata la foto una volta caricata sul sito.

L’immagine giusta deve trasmettere una storia a colpo d’occhio. Ad esempio, per comunicare l’identità e i valori della tua attività potresti utilizzare una foto del tuo negozio fisico con i prodotti esposti ordinatamente sugli scaffali; oppure una foto di una selezione dei tuoi prodotti di punta del momento con uno sfondo omogeneo che concentra l’attenzione sui dettagli.

Se scegli di utilizzare l’immagine di uno o più articoli del tuo catalogo aggiungi nell’immagine le informazioni principali che il cliente vuole avere: prezzo e caratteristiche del prodotto/i (come nell’esempio della home di Apple).

Come posso aggiungere il testo nelle immagini dei prodotti?
Utilizza Canva, il tool online perfetto per creare volantini e loghi, modificare le foto e molto altro. Per aggiungere il testo nelle immagini da inserire nella homepage crea un nuovo progetto con il modello Presentazione, clicca Caricamenti nel menu a sinistra e seleziona l’immagine a cui vuoi aggiungere una didascalia con le informazioni principali. Poi clicca Testo e scegli il tipo di font e la dimensione che preferisci e trova la posizione migliore per il testo all’interno dell’immagine. Quando avrei concluso il tuo lavoro clicca il bottone in alto a destra e scarica la tua immagine in formato PNG.

La tua immagine di apertura è pronta per essere aggiunta al tuo ecommerce!

Il modello Presentazione che trovi su Canva ha le dimensioni ideali per essere caricato nella homepage del tuo webshop (1920 x 1080 px).

3. Psicologia dei Colori

regole di web design psicologia dei colori

La psicologia dei colori è la disciplina che studia l’impatto dei colori sulle nostre scelte. In web design e in neuromarketing si studiano le emozioni e le leve psicologiche che i colori trasmettono ai consumatori durante la fase di acquisto.

In generale i colori caldi come il giallo, l’arancione e il rosso, hanno la capacità di stimolare il cliente, sono positivi e decisi. Pensa ad esempio al logo di McDonald’s.

 I colori freddi come il verde o l’azzurro, trasmettono fiducia e rassicurano l’utente. Pensa ai loghi di Facebook e Twitter.

Hai capito adesso che ruolo importante giocano i colori nelle scelte di acquisto dei consumatori?
Riuscire ad utilizzare elementi visivi come le immagini ed i colori per indirizzare i clienti verso una scelta potrebbe fare la differenza nel tuo business, è un aspetto che non devi sottovalutare!

Quali colori dovrei scegliere per il web design del mio ecommerce?

  • Se il tuo negozio opera nel settore eco e biologico dovresti scegliere il colore verde e tutte le sue tonalità. È questo il colore che rappresenta la natura e la freschezza.
  • Come abbiamo detto prima, il blu viene utilizzato per comunicare affidabilità e professionalità del brand.
  • Il giallo e l’arancione sono i colori dell’energia e della positività, sono perfetti per comunicare ambizione, innovazione e modernità.
  • Il rosso è un colore con cui bisogna fare molta attenzione. Se viene utilizzato eccessivamente può comunicare un pericolo, pensa ad esempio ai cartelli stradali di divieto e stop. Se viene usato con cura è un colore molto potente che cattura l’attenzione del cliente e lo spinge a compiere una determinata azione, come l’acquisto di un prodotto.
  • Infine il nero, il colore dell’eleganza e del prestigio. Perfetto per aziende che lavorano nei settori della moda e degli accessori di lusso.

Con i consigli che ti ho appena dato crea la tavolozza di colori che sappia esprimere al meglio le qualità della tua impresa e utilizzali per il web design del tuo negozio online!

Per il web design di un sito si utilizzano 3 o massimo 4 colori o tonalità di un colore solo. Costruisci la tua tavolozza su Coolors dove puoi scegliere manualmente i colori che preferisci oppure generare delle palette casuali per trovare l’ispirazione giusta.

Come posso modificare i colori del mio ecommerce con Vidra?
Facilissimo! Vai nella sezione Negozio e poi clicca su Aspetto, nella sezione Personalizza Tema potrai cambiare i colori di ogni elemento del tuo sito: testi, titoli, sfondo, etc.

Puoi scegliere se utilizzare uno dei colori preimpostati da Vidra oppure, se hai trovato il colore perfetto su Coolors puoi fare copia e incolla del codice esadecimale con cui si identificano i colori (è il codice scritto in questo modo #XXXXXX).

persolalizzare webdesign del negozio online su vidra

Se ti impegnerai nella costruzione della tua identità visiva i clienti si ricorderanno di te e tu potrai guadagnare nuovi clienti grazie al passaparola e alle recensioni positive.

Vidra ti permette di costruire e personalizzare il tuo negozio online in ogni dettaglio e con pochissimi clic, inoltre il tuo sito sarà ottimizzato per la navigazione da desktop e dispositivi mobile, senza nessun costo aggiuntivo!

Se non hai ancora provato i nostri servizi registrati alla prova gratuita di tre mesi e scopri quanto è facile gestire a 360 gradi il tuo ecommerce grazie a Vidra.

Prova Vidra e vedrai la differenza.

Registrati subito o contattaci