Vendre su Amazon: l’ottimizzazione grafica

In questo articolo, forniamo una panoramica su formati, risoluzioni e caratteristiche consigliate per le immagini su Amazon:

• Informazioni generali sulle immagini e la loro qualità su Amazon
• Ottimizzazione grafica della galleria delle immagini su Amazon
• Ottimizzazione grafica del contenuto A+

Informazioni generali sulle immagini e la loro qualità su Amazon

Cosa significano @x2 e @x3?

Nella progettazione web, è comune archiviare diverse versioni di un’immagine sul server. Così facendo, i browser possono poi selezionare la risoluzione più adatta allo schermo del dispositivo del cliente. I nostri test dimostrano che questo accade anche su Amazon: utilizzando immagini con una risoluzione superiore a quanto richiesto, la qualità finale è maggiore su tutti gli schermi, sia da computer che da cellulare.

@x2 e @x3 significano il doppio o il triplo delle dimensioni in pixel della risoluzione richiesta, e comportano una qualità dell’immagine superiore.

300 DPI o 72 DPI?

I punti per pollice (“dot per inch” – DPI) nascono nel settore della stampa. Una risoluzione più alta di 300 punti per pollice aumenta enormemente la qualità dell’immagine stampata rispetto a 72 DPI. Nella progettazione web, invece, si parla di pixel per pollice (“pixels per inch” – PPI). Le dimensioni in pixel di un’immagine sono molto più determinanti della sua risoluzione.

Amazon processa ogni immagine sul server e riduce sempre la risoluzione a uno standard adatto al dispositivo.

Online, non c’è nessuna differenza visibile tra 300 DPI e 72 DPI.

Ottimizzazione grafica della galleria delle immagini su Amazon

La galleria delle immagini contiene le immagini più importanti visibili sulla pagina del prodotto  Amazon.

In questo caso, i graphic designer studiano il prodotto e identificano il suo target group, al quale adattano poi il linguaggio degli elementi visivi. In questo modo, i clienti possono identificarsi con i prodotti attraverso la comunicazione visiva.

Requisiti tecnici

Tutte le immagini sono elaborate da Amazon sul server. Ciò significa che sono ottimizzate per essere caricate nel minor tempo possibile. Esempio: anche se un’immagine è caricata come TIFF, il backend cambia il formato del file nello standard per le immagini sul web (JPG).

Attenzione: è possibile che i file siano convertiti in maniera scorretta.  Per esempio, se un file è caricato con il modello di colori CMYK (“Cyan, Magenta, Yellow, Key”), i colori potrebbero cambiare quando viene convertito allo standard web sRGB (standard Red, Green, Blue).

Tipi d’immagine della galleria

Esistono diversi tipi d’immagine nella galleria di Amazon. Qui, abbiamo dato loro un nome e ne abbiamo riassunto le peculiarità.

Multipack

Spesso, i prodotti sono venduti in confezioni multiple. Se quest’informazione si trova solo nella descrizione, molti clienti potrebbero non accorgersene. Quindi, i packshot devono spiccare tra tutte le altre informazioni. Attraverso questa foto, viene riprodotta la sensazione di trovarsi davanti allo scaffale di un negozio. La descrizione sulla scatola rende inoltre immediatamente chiare tutte le informazioni del prodotto. In questo modo, si può evitare di riprodurre lo stesso prodotto 18 volte nella stessa immagine.

USP Image

3 diversi dati. Anche se a prima occhiata non sembra particolarmente rilevante, il fatto che si tratti di 3 elementi rende il design dinamico e attivo. Il numero fornisce il contrasto perfetto tra “piccolo-medio-grande” per mettere in evidenza le informazioni più importanti e guidare lo sguardo del cliente. Elementi realistici aggiunti valorizzano inoltre l’immagine nel complesso.

Immagine di atmosfera

In questo esempio, è particolarmente evidente l’uso studiato dei colori per trasmettere una sensazione al cliente. Nella teoria dei colori, il beige e il marrone sono considerati caldi e stabili, capaci di provocare una sensazione di sicurezza e comfort. Nello specifico, i colori rappresentano un efficace filo conduttore che attraversa l’intero concetto di design. In tutta la galleria, elementi grafici e immagini coerenti trasmettono una sensazione di equilibrio.

Suggerimenti

Se si include un video nella galleria delle immagini su Amazon, il numero di miniature delle immagini visibili scende da 8 a 6, ma viene visualizzata la miniatura del video.

Ritaglio automatico delle immagini su Amazon

Come già accennato, Amazon elabora sul proprio server le immagini caricate. Nel processo, l’algoritmo rimuove gli spazi bianchi “superflui”. Anche se questo favorisce il ranking dell’immagine principale, potrebbe risultare in una galleria confusionaria dal punto di vista del layout grafico.

Questa confusione deriva dall’utilizzo d’immagini con dimensioni differenti. A causa dell’allineamento dell’altezza media delle immagini, elementi del layout vengono spostati.

Ottimizzazione grafica del contenuto A+

Differenze tra A+ e A+ Premium

Esistono delle differenze nel processo di creazione di contenuti A+ tra seller e vendor su Amazon. Da un lato, i seller hanno accesso all’A+ se il loro marchio è registrato su Amazon o se sono parte di programmi specifici (come Launchpad o Amazon Exclusive). Dall’altro lato, i vendor hanno accesso automatico alle pagine A+.

I due modelli si distinguono anche per il numero di moduli di A+ disponibili per la pagina: mentre i vendor possono selezionare 5 sezioni di A+, i seller e gli A+ premium hanno a disposizione 7 moduli.

Moduli A+

Requisiti tecnici

In quest’immagine, il team tedesco ha riassunto in una panoramica le dimensioni in pixel minime obbligatorie per i differenti tipi di banner A+.

Consigliamo di caricare le dimensioni minime in pixel richieste da Amazon con una risoluzione doppia (@x2) o (@x3) tripla.

Suggerimenti

Un approccio differente per la struttura di un A+ è il “one page”. Usando soltanto moduli con immagini a larghezza intera, vengono eliminate le caselle di testo, il che risulta in un contenuto fluido e scorrevole che cattura immediatamente l’occhio grazie a un design di alta qualità.

Lasciando vuoti gli spazi per i testi,  è possibile strutturare il contenuto A+ come un susseguirsi d’immagini lineare su un’unica pagina.