Tot ce trebuie să știți despre Hero Image Design

Imaginile eroi sunt imaginile mari sau o serie de imagini care sunt afișate în mod vizibil pe o pagină de pornire și sunt uneori folosite în design-uri de e-mail. Ele joacă de fapt un rol foarte important pentru toate companiile, așa că este important să știți ceva despre designul imaginii eroului.

De ce ar trebui să ai o imagine Hero?

• Vă poate ajuta să vă construiți marca și să vă spuneți povestea mărcii. Puteți folosi aceste imagini pentru a oferi informații despre povestea din spatele mărcii dvs.
• De asemenea, îl puteți folosi pentru a răspunde la cele mai multe întrebări pe care le au clienții dvs. sau pentru a aborda o problemă care necesită timp.
• Imaginile erou pot fi, de asemenea, folosite pentru a le informa clienților despre propunerea de valoare a mărcii dvs.
• Dacă aveți un anunț important de făcut, cum ar fi, de exemplu, o vânzare care va avea loc în curând, acest lucru vă poate ajuta. Aceasta este o idee grozavă pentru e-mailurile pe care le vei trimite și tu.
• Imaginile Hero pot fi folosite pentru a prezenta un produs sau o linie completă de produse.

Ce ar trebui să fie inclus într-un design de imagine erou?

Există trei elemente principale pe care trebuie să le ai în designul imaginii eroului tău pentru a o face cea perfectă pentru marca ta. Acesta va acționa de fapt ca o imagine de apel la acțiune dacă este executat corect.

• Imaginea în sine ar trebui să includă fotografie de înaltă rezoluție, design grafic sau imagini atrăgătoare. Rezoluția imaginii va fi listată astfel încât să știți ce dimensiune ar trebui să aibă imaginile.
• De asemenea, ar trebui să aveți un conținut scurt, concis și puternic, care poate fi adăugat pe imagine. Acest lucru ar trebui să conducă imediat mesajul acasă.
• Toate imaginile cu eroi trebuie să prezinte un text sau un buton de îndemn foarte puternic. Câteva exemple bune ar fi „Cumpărați acum”, „Aflați mai multe”, „Citiți povestea noastră” sau „Cumpărați acum”.

Cele mai bune practici pentru crearea imaginilor Hero

Utilizați imagini de înaltă calitate

Este foarte important ca imaginile tale să fie de înaltă calitate, indiferent dacă sunt pe un site web sau într-un e-mail. Datorită dimensiunii ecranelor computerelor și smartphone-urilor de astăzi, clienții își pot da seama cu ușurință dacă designul imaginii eroului tău arată neclar sau pixelat. Dacă doriți să evitați aceste probleme, puteți oricând să vă redimensionați imaginile reducându-le în dimensiune. Dar niciodată nu crește dimensiunea. De îndată ce o faci, imaginea ta va deveni pixelată.

Când vine vorba de înălțimea și lățimea imaginii eroului, aceasta va depinde de aspectul particular pe care îl aveți. Poate vrei ca imaginea eroului tău să ocupe toată lățimea paginii? Dacă da, utilizați VW sau VH (ceea ce înseamnă lățimea sau înălțimea completă a zonei de vizualizare).

De asemenea, ar trebui să vă asigurați că personalizați orice imagini stoc pe care le utilizați și că fundalul nu este prea ocupat, mai ales dacă adăugați text. Utilizarea contrastului de culoare prin suprapuneri și scrims este, de asemenea, o modalitate excelentă de a aduce claritate textului și fundalului. De exemplu, notați textul alb din imaginea de mai jos.

Timpi de încărcare pentru imagini

Când utilizați imagini de înaltă calitate, timpii de încărcare joacă un rol critic. Când timpul de încărcare urcă de la 0,4 la 0,9 secunde, reduce traficul cu 20%. Prin urmare, unele dintre cele mai bune practici pe care ar trebui să le urmați pentru a evita acest lucru sunt:

• Redimensionați singur imaginea și nu lăsați browserul să o facă automat.
• Comprimarea imaginii pe care ați ales-o folosind Photoshop. De asemenea, puteți utiliza instrumente de comprimare concepute special pentru aceasta.
• Încercați să lucrați atât cu imagini PNG, cât și cu imagini JPG pentru a vedea care tip funcționează cel mai bine fără a crește timpul de încărcare.

Demonstrație pentru a stimula apelul

Designul imaginilor dvs. cu eroul ar trebui să arate publicului ceea ce vindeți exact așa cum este. De exemplu, dacă doriți să vindeți umbrele personalizate, puteți prezenta o imagine a oamenilor în ploaie care le folosesc.

Dacă imaginea dvs. indică un slogan sau le spune clienților despre o vânzare, asigurați-vă că este folosită doar o cantitate mică de copie. Un alt lucru important de remarcat este că subtitrările de sub imaginile dvs. vor fi citite cu 300% mai mult decât copierea corpului. Așadar, lăsați-vă să vă dați o idee despre cât de precisă, compatibilă și direcționată ar trebui să fie legendă pentru imaginea eroului.

O altă tactică pe care o poți încerca este să folosești o serie de bannere eroi, mai degrabă decât o singură imagine, care combină imagini de înaltă calitate cu un îndemn puternic și convingător la acțiune.

Păstrați relevanța

Imaginea eroului tău este ca o introducere la mesajul tău. Îți va ajuta clienții să înțeleagă la ce se pot aștepta de la restul e-mailului sau de la site-ul tău. Dacă imaginea nu reușește să transmită clar mesajul dvs., nu reușește nici să ofere valoare clientului.

De asemenea, ar fi o risipă completă a spațiului pe care l-ați folosit pentru proiectare. Și mai periculos este, dacă imaginea nu corespunde cu preconcepția clientului asupra produsului sau serviciului. Atunci va fi doar confuz.

Pentru a menține relevanța, va trebui să luați în considerare următoarele:

• Imaginea folosită este o vizualizare a cuvântului cheie țintă?
• Imaginea ta oferă claritate cu privire la scopul site-ului tău web sau al e-mailului tău?
• Fluxul paginii sau al e-mailului, care duce până la apelul la acțiune, este susținut de imaginea folosită?
• Câtă credibilitate și autenticitate aduce imaginea brandului tău?
• Beneficiile și relevanța sunt sporite de imagine?
• Declanșează imaginea emoții care îi vor obliga pe clienți să ia acest apel la acțiune?
• Poate imaginea ta să înfățișeze clientul ca erou după ce a achiziționat produsul sau serviciul?

Punând accent pe chemarea la acțiune

Mai devreme, am subliniat că este important să ai un apel la acțiune pentru designul imaginii eroului tău. Acum, să ne uităm la ce poți face pentru a atrage imediat atenția asupra ei. De exemplu, apelul tău la acțiune nu ar trebui să concureze cu imaginea. Cu toate acestea, ar trebui să iasă în evidență. Exemplul de mai jos este combinația perfectă de transmitere a unui mesaj relevant și emoționant, menținând în același timp greutatea butonului de apel la acțiune proporțional cu imaginea generală. Utilizarea culorii aici este, de asemenea, foarte importantă.

Pentru a vă asigura că CTA iese în evidență, puteți efectua un test de estompare pe imagine. Acest lucru vă va ajuta să vedeți dacă ochiul clientului va fi sau nu atras de unde aveți nevoie. Trebuie pur și simplu să faceți o captură de ecran a site-ului sau a designului e-mailului și apoi să aplicați un efect de estompare folosind Adobe XD. Odată ce imaginea este neclară, vedeți ce vă atrage privirea. Nu-ți place ce vezi? E timpul să revizuim atunci.

Prezentați oameni reali, nu oameni „adevărați falși”.

Dacă intenționați să includeți oameni în designul imaginii eroului dvs., prezentați imagini cu oameni reali care vă reprezintă marca. Feriți-vă de imaginile de stoc care arată doar o persoană cu aspect profesional, cu un zâmbet larg care se uită la ecran. Aceste imagini sunt un ban pe duzină și par pur și simplu fără sens și false. Testele de utilizare care au fost efectuate arată că astfel de imagini sunt doar decorative și că nu adaugă nicio valoare reală. De asemenea, ar putea elimina aspectele pozitive din experiența utilizatorului.

Luați în considerare utilizarea ilustrațiilor care au o senzație personală

Ilustrațiile devin, de asemenea, o alegere populară pentru designul imaginii eroilor. Dacă poți adăuga acea notă personală unei ilustrații, acestea pot aduce de fapt multă personalitate imaginii tale. Utilizarea ilustrațiilor vă va oferi un control mai bun asupra aspectelor tehnice și legate de conținut ale imaginii, deoarece le puteți personaliza cât de mult doriți. De fapt, dacă doriți să aveți o mai bună reamintire a mărcii, luați în considerare ilustrații personalizate pentru imaginea eroului dvs.

Pentru ca o ilustrație să fie funcțională, ar trebui să fie ușor de recunoscut. Mesajul pe care îl trimite ar trebui să fie văzut în mod similar, indiferent cine este utilizatorul. Dacă există mai multe ilustrații, toate ar trebui să aibă consistență. Cu alte cuvinte, trebuie să arate ca aceeași persoană a creat toate ilustrațiile.

Dacă aveți nevoie de o mână de ajutor cu designul imaginii eroului dvs., o echipă Kimp dedicată este întotdeauna gata să vă ajute.

Imagini minunate cu eroi pentru inspirație

Acum că știți elementele de bază, iată câteva exemple grozave de imagini Hero care funcționează foarte bine.

Această imagine folosește un concept 3D. De asemenea, are un fundal clar și atractiv, cu o funcționalitate excelentă.

Apple, după cum știm cu toții, este un brand care se ocupă de designul său. Ca atare, este perfect logic ca ei să-și prezinte produsele pe imaginile lor eroi – cu stil.

Spotify are într-adevăr un impact aici prin utilizarea lor de contrast frumos de culoare care joacă bine pentru a face această ofertă cu adevărat pop. În plus, utilizatorii pot, de asemenea, să defileze prin mai multe imagini cu eroi în loc de doar una.

Acest design de imagine erou de la marca Fivefootsix este un ecran complet negru care are un slogan evidențiat care este plasat chiar în centru. Natura acestui design și plasarea textului vă atrage imediat atenția asupra acestuia.

Fii un erou și obține-ți designul corect al imaginii Hero

Crearea unui design grozav de imagine de erou este foarte importantă. Nu numai că vă va ajuta să vă proiectați personalitatea mărcii și să creați conștientizare, ci vă va ajuta și să creșteți vânzările! De asemenea, ar trebui să vă gândiți cât de des ați dori să vă schimbați designul imaginii eroului, astfel încât persoanele care vă vizitează în mod repetat pagina site-ului web să simtă că există ceva nou de verificat. Cu e-mailuri, asigurați-vă că imaginile sunt suficient de atractive pentru a face cititorul să răsfoiască și să nu apese butonul de ștergere.

Când vine vorba de design, faceți-vă imaginea clară, puternică, atent gândită și unică. Scopul principal aici este ca clientul dvs. să se simtă atras de imagine și să se simtă obligat să citească ceea ce aveți de spus.