Tutto ciò che devi sapere sul design dell'immagine dell'eroe

Le immagini dell'eroe sono le immagini di grandi dimensioni o una serie di immagini visualizzate, in primo piano su una home page e talvolta utilizzate nei progetti di posta elettronica. In realtà svolgono un ruolo molto importante per tutte le aziende, quindi è importante sapere una cosa o due sul design delle immagini degli eroi.

Perché dovresti avere un'immagine dell'eroe?

• Può aiutarti a costruire il tuo marchio e raccontare la storia del tuo marchio. Puoi utilizzare queste immagini per fornire informazioni sulla storia dietro il tuo marchio.
• Puoi anche usarlo per rispondere alle domande più frequenti dei tuoi clienti o per affrontare un problema che è urgente.
• Le immagini dell'eroe possono anche essere utilizzate per far conoscere ai tuoi clienti la proposta di valore del tuo marchio.
• Se hai un annuncio importante da fare, come ad esempio una vendita che avverrà presto, questo può aiutarti. Questa è un'ottima idea per le email che invierai anche tu.
• Le immagini dell'eroe possono essere utilizzate per presentare un prodotto o una linea di prodotti completa.

Cosa dovrebbe essere incluso in un design dell'immagine di un eroe?

Ci sono tre elementi principali che devi avere nel design dell'immagine del tuo eroe per renderlo perfetto per il tuo marchio. In realtà agirà come un'immagine di invito all'azione se eseguita correttamente.

• L'immagine stessa dovrebbe presentare fotografie ad alta risoluzione, design grafico o immagini accattivanti. La risoluzione dell'immagine verrà elencata in modo da sapere quale dimensione dovrebbero essere le immagini.
• Dovresti anche avere un contenuto breve, conciso e potente che può essere aggiunto all'immagine. Questo dovrebbe portare immediatamente a casa il messaggio.
• Tutte le immagini degli eroi devono presentare un testo o un pulsante di invito all'azione molto potente. Alcuni buoni esempi potrebbero essere "Acquista ora", "Scopri di più", "Leggi la nostra storia" o "Acquista ora".

Procedure consigliate per la creazione di immagini Hero

Usa immagini di alta qualità

È molto importante che le tue immagini siano di alta qualità sia che si trovino su un sito Web o in un'e-mail. A causa delle dimensioni degli schermi di computer e smartphone odierni, i clienti possono facilmente dire se il design dell'immagine del tuo eroe sembra sfocato o pixelato. Se vuoi evitare questi problemi, puoi sempre ridimensionare le tue immagini riducendole di dimensioni. Ma non aumentare mai le dimensioni. Non appena lo fai, la tua immagine diventerà pixelata.

Quando si tratta dell'altezza e della larghezza dell'immagine dell'eroe, dipenderà dal layout particolare che hai. Forse vuoi che la tua immagine da eroe occupi l'intera larghezza della pagina? In tal caso, utilizzare VW o VH (che significa l'intera larghezza o altezza dell'area del viewport).

Dovresti anche assicurarti di personalizzare tutte le immagini stock che usi e che lo sfondo non sia eccessivamente occupato, specialmente se stai aggiungendo del testo. L'uso del contrasto cromatico attraverso sovrapposizioni e telai è anche un ottimo modo per dare chiarezza al testo e allo sfondo. Ad esempio, nota il testo bianco nell'immagine riportata di seguito.

Tempi di caricamento delle immagini

Quando si utilizzano immagini di alta qualità, i tempi di caricamento giocano un ruolo fondamentale. Quando il tempo di caricamento sale da 0,4 a 0,9 secondi, il traffico diminuisce del 20%. Quindi alcune delle migliori pratiche che dovresti seguire per evitarlo sono:

• Ridimensionare l'immagine da soli e non lasciare che il browser lo faccia automaticamente.
• Comprimere l'immagine che hai scelto usando Photoshop. Puoi anche usare strumenti di compressione pensati appositamente per questo.
• Prova a lavorare con immagini sia PNG che JPG per vedere quale tipo funziona meglio senza aumentare il tempo di caricamento.

Dimostrazione per guidare appello

Il design delle immagini del tuo eroe dovrebbe mostrare al pubblico cosa vendi esattamente così com'è. Ad esempio, se vuoi vendere ombrelli personalizzati, puoi mostrare un'immagine di persone sotto la pioggia che li usano.

Se la tua immagine indica uno slogan o segnala ai clienti una vendita, assicurati che venga utilizzata solo una piccola quantità di copy. Un'altra cosa importante da notare è che le didascalie sotto le tue immagini verranno lette il 300% in più rispetto al body copy. Quindi lascia che ti dia un'idea di quanto accurata, compatibile e mirata dovrebbe essere la tua didascalia per l'immagine dell'eroe.

Un'altra tattica che puoi provare è utilizzare una serie di banner di eroi, anziché una singola immagine, che combina immagini di alta qualità con un invito all'azione forte e avvincente.

Mantieni la pertinenza

La tua immagine di eroe è come un'introduzione al tuo messaggio. Aiuterà i tuoi clienti a capire cosa possono aspettarsi dal resto della tua email o del tuo sito web. Se l'immagine non riesce a trasmettere chiaramente il tuo messaggio, non riesce nemmeno a fornire valore al cliente.

Sarebbe anche uno spreco completo dello spazio che hai utilizzato per il design. Ancora più pericoloso è se l'immagine non corrisponde al preconcetto del cliente sul prodotto o sul servizio. Sarà quindi solo confusione.

Per mantenere la pertinenza, dovrai considerare quanto segue:

• L'immagine utilizzata è una visualizzazione della tua parola chiave target?
• La tua immagine dà chiarezza sullo scopo del tuo sito web o e-mail?
• Il flusso della pagina o dell'e-mail, che conduce fino all'invito all'azione, è supportato dall'immagine utilizzata?
• Quanta credibilità e autenticità porta l'immagine al tuo marchio?
• I vantaggi e la rilevanza sono esaltati dall'immagine?
• L'immagine suscita emozioni che costringeranno i clienti a rispondere a quell'invito all'azione?
• La tua immagine può ritrarre il cliente come l'eroe dopo che ha acquisito il prodotto o il servizio?

Mettere l'accento sulla call to action

In precedenza, abbiamo sottolineato che avere l'invito all'azione sul design dell'immagine del tuo eroe è importante. Ora, diamo un'occhiata a cosa puoi fare per attirare immediatamente l'attenzione su di esso. Ad esempio, il tuo invito all'azione non dovrebbe essere in competizione con l'immagine. Tuttavia dovrebbe davvero distinguersi. L'esempio seguente è la combinazione perfetta per trasmettere un messaggio pertinente ed emotivo mantenendo il peso del pulsante di invito all'azione in proporzione all'immagine complessiva. Anche l'uso del colore qui è molto importante.

Per assicurarti che la CTA risalti, puoi eseguire un test di sfocatura sull'immagine. Questo ti aiuterà a vedere se l'occhio del cliente sarà attratto o meno dove ti serve. Devi semplicemente fare uno screenshot del sito o del design dell'e-mail, quindi applicare un effetto sfocato su di esso utilizzando Adobe XD. Una volta che l'immagine è sfocata, guarda cosa attira la tua attenzione. Non ti piace quello che vedi? È ora di rivedere, allora.

Metti in mostra persone reali, non persone "vere false".

Se intendi includere persone nel design dell'immagine del tuo eroe, mostra immagini di persone reali che rappresentano il tuo marchio. Evita le immagini d'archivio che mostrano solo una persona dall'aspetto professionale con un ampio sorriso che fissa lo schermo. Queste immagini sono una dozzina da dieci centesimi e sembrano prive di significato e false. I test di usabilità che sono stati effettuati dimostrano che tali immagini sono solo decorative e che non aggiungono alcun valore reale. Potrebbe anche togliere aspetti positivi dall'esperienza dell'utente.

Prendi in considerazione l'utilizzo di illustrazioni che abbiano un'atmosfera personale

Anche le illustrazioni stanno diventando una scelta popolare per il design delle immagini degli eroi. Se puoi aggiungere quel tocco personale a un'illustrazione, possono effettivamente conferire molta personalità alla tua immagine. L'uso delle illustrazioni ti darà un migliore controllo sugli aspetti tecnici e relativi ai contenuti dell'immagine poiché puoi personalizzarli quanto vuoi. In effetti, se vuoi avere un migliore ricordo del marchio, considera le illustrazioni personalizzate per la tua immagine di eroe.

Affinché un'illustrazione sia funzionale, dovrebbe essere facilmente riconoscibile. Il messaggio che invia dovrebbe essere visto in modo simile, indipendentemente dall'utente. Se c'è più di un'illustrazione, dovrebbero essere tutte coerenti. In altre parole, deve sembrare che la stessa persona abbia creato tutte le illustrazioni.

Se hai bisogno di una mano con il design delle tue immagini da eroe, un team di Kimp dedicato è sempre pronto ad aiutarti.

Fantastiche immagini di eroi per l'ispirazione

Ora che conosci le basi, ecco alcuni ottimi esempi di immagini Hero che funzionano davvero bene.

Questa immagine utilizza un concetto 3D. Ha anche uno sfondo nitido e attraente con grande funzionalità.

Apple, come tutti sappiamo, è un marchio incentrato sul suo design. In quanto tale, ha perfettamente senso per loro mostrare i loro prodotti sulle immagini dei loro eroi, con stile.

Spotify ha davvero un impatto qui attraverso il loro uso di un bellissimo contrasto cromatico che funziona bene per rendere quell'offerta davvero pop. Inoltre, gli utenti possono anche scorrere più immagini di eroi anziché solo una.

Questo design dell'immagine dell'eroe del marchio Fivefootsix è uno schermo completamente nero con uno slogan evidenziato posizionato proprio al centro. La natura di questo design e il posizionamento del testo attirano immediatamente la tua attenzione.

Diventa un eroe e ottieni il design dell'immagine del tuo eroe giusto

La creazione di un fantastico design dell'immagine dell'eroe è molto importante. Non solo ti aiuterà a proiettare la personalità del tuo marchio e a creare consapevolezza, ma ti aiuterà anche ad aumentare le vendite! Dovresti anche pensare a quanto spesso vorresti cambiare il design dell'immagine del tuo eroe in modo che le persone che visitano ripetutamente la pagina del tuo sito web sentano che c'è qualcosa di nuovo da controllare. Con le e-mail, assicurati che le tue immagini siano abbastanza accattivanti da consentire al lettore di sfogliarle e non premere il pulsante di eliminazione.

Quando si tratta del tuo design, rendi la tua immagine chiara, potente, attentamente pensata e unica. L'obiettivo principale qui è che il tuo cliente si senta attratto dall'immagine e si senta obbligato a leggere ciò che hai da dire.