Fotografii cu eroul paginii de destinație: 18 exemple perspicace care să vă ajute să le ghidați pe ale dvs. [2022]

În 1911, Syracuse Advertising Men's Club a organizat un banchet pentru a discuta despre jurnalism și publicitate. Unul dintre membrii săi (Arthur Brisbane) a fost citat în ziar spunând: „Folosește o imagine. Merită cât o mie de cuvinte.”

Nu Confuz, regele Solomon, Einstein sau Aristotel, ci un om de publicitate. (Spune asta părinților tăi.)

Înainte cu peste 100 de ani și cuvintele proverbiale ale lui Arthur încă sună adevărate, mai ales când vine vorba de pagini de destinație.

Introduceți: eroul din pagina de destinație împușcat.

Dacă titlul și subtitlul dvs. vă comunică propunerea de valoare, fotografia dvs. eroului paginii de destinație o aduce la viață într-un mod în care numai o imagine poate. Acesta este motivul pentru care o fotografie de erou puternică este un pilon al designului paginii de destinație.

Găsiți greșit și urmăriți ca ratele de conversie să scadă.

Faceți-o corect (cum știa Arthur din experiență) și urmăriți cum ratele de conversie cresc vertiginos.

În numele remedierii corecte , îl vom face pe Arthur mândru explorând diferitele tipuri de imagini cu eroi, pașii necesari pentru a crea propriile imagini și exemple de imagini bune, rele și false.

Să mergem.

Imaginea eroului paginii dvs. de destinație se referă la imaginea sau videoclipul principal folosit pentru a comunica valoarea ofertei dvs. și este prima imagine pe care o vor întâlni vizitatorii dvs. la sosire.

De exemplu, observați cum imaginea eroului lui Divvy prezintă un card de credit și o aplicație mobilă, ambele adaugă context titlului care spune: „Creditul și software-ul de care afacerea dvs. are nevoie pentru a prospera”.

O imagine de erou va seduce pe cineva să cumpere?

Nu de la sine.

Dar împreună cu titlul, subtitlul, oferta și îndemnul (CTA), fotografia dvs. eroului vă poate oferi contextul, emoția și claritatea necesare pentru a vă împinge vizitatorii peste linia de sosire.

Asta înseamnă că o fotografie de erou de înaltă calitate nu doar umple spațiul; îți aduce oferta la viață într-un mod în care cuvintele singure nu ar putea niciodată și creează o primă impresie de neșters .

Nu confundați un film de erou cu o secțiune de erou.

Secțiunea eroi a paginii dvs. de destinație se referă la secțiunea „de mai sus a paginii” sau la secțiunea paginii de destinație pe care vizitatorii dvs. o întâlnesc pentru prima dată înainte de a începe să deruleze în jos.

Secțiunea eroului dvs. include imaginea eroului, titlul, subtitlul și CTA (cel puțin), dar secțiunea filmul erou și eroul se referă la două elemente separate ale întregii pagini de destinație.

Fie că sunt animate, fotografii personalizate, un videoclip sau alt stil, fotografiile cu eroi din pagina de destinație se împart în cinci categorii principale:

1. axat pe produs
2. metaforă
3. "teren promis"
4. concentrat pe proces
5. abstract

Să explorăm exemple din fiecare.

Paginile de destinație axate pe produs evidențiază produsul în acțiune. Surpriza surpriza.

Pentru un produs nou sau complicat, o fotografie de erou axată pe produs poate ajuta la demistificarea ofertei, făcând ca abstractul să se simtă concret.

De exemplu, filmarea eroului lui Editor X prezintă interfața reală a editorului vizual:

Fotografiile de erou metaforic folosesc imagini care reprezintă sau simbolizează valoarea ofertei, doar nu într-un sens literal.

De exemplu, eroul filmat pe pagina noastră de destinație a planului de marketing gratuit prezintă emoji-urile mărcii noastre sub formă de bancnote și creier zâmbitor:

Fotografiile cu eroul pământului promis prezintă rezultatul dorit al utilizării produsului sau serviciului dvs., fie prin evidențierea unui client de succes, fie a unei stări viitoare dorite.

De exemplu, medicamentul pentru căderea părului cu abonament Keeps prezintă un client mulțumit și zâmbitor, probabil după ce a folosit medicamentul pentru căderea părului:

În mod obișnuit, vedeți fotografii de erou axate pe proces pentru servicii sau software în care ilustrarea produsului ar putea să nu fie posibilă. În schimb, vizualizați procesul care este responsabil pentru valoarea sau eficacitatea serviciului.

De exemplu, GatherContent folosește o grafică personalizată pentru a ilustra procesul de gestionare a conținutului software-ului său:

Cel mai puțin erou preferat: imaginile eroului abstracte (sau imaginile eroului compuse din elemente vizuale, cum ar fi forme sau modele).

De ce sunt cei mai puțini preferați ai noștri? Pentru că doar umplu spațiul. Nu mult altceva.

De exemplu, Semrush prezintă două forme abstracte ca element vizual principal, nimic altceva. Ocazie ratată.

O fotografie de erou de înaltă calitate nu doar umple spațiul; adaugă context, comunică relevanță, evocă emoție și îmbogățește experiența utilizatorului. Și face acest lucru folosind o combinație de

• concreteţea
• relevanţă
• context
• emoţie
• personalizare
• aliniere

Să le explorăm pe fiecare.

Fotografiile de erou abstracte fac bine două lucruri: 1) absolut nimic și 2) măresc încărcătura cognitivă (timpul necesar vizitatorilor să-ți înțeleagă oferta).

Asta e.

Fotografiile de înaltă calitate a eroului paginii de destinație ar trebui să vă prezinte produsul, serviciul, rezultatul dorit sau propunerea de valoare în acțiune, în lumea reală sau cât mai aproape de realitate. Simplu.

Nu-ți face vizitatorii să gândească prea mult. Evită arta de dragul artei. Și păstrează-ți imaginile concrete.

De exemplu, Dollar Shave Club își folosește imaginea eroului pentru a ilustra produsele incluse în setul de pornire Razor de 5 USD. Simplu, dar eficient.

O fotografie de erou de înaltă calitate a paginii de destinație ar trebui să rezoneze imediat cu publicul țintă, semnalând simultan „Acesta nu este pentru mine” nimănui altcuiva.

Vizitatorii tăi iau decizii într-o fracțiune de secundă influențate în principal de mintea lor inconștientă. Dacă împușcarea cu eroul tău nu clarifică imediat cui este și cui nu este, încearcă din nou.

Aceasta înseamnă, de asemenea, să potriviți filmul eroului din pagina de destinație cu mesajele și reclamele care au trimis oamenii acolo (adică, potrivirea mesajelor).

De exemplu, când te uiți la filmarea eroului din Allure’s Beauty Box, există vreo întrebare că este pentru persoanele interesate în mod special de frumusețe?

Eroul paginii de destinație a împușcat vieți pentru a vă susține titlul și subtitlul. Perioadă.

Mai bine, gândiți-vă la aceasta ca la reprezentarea vizuală a propunerii dvs. de valoare.

Asta înseamnă că filmarea eroului tău trebuie să aducă la viață promisiunea pe care o faci în titlu, nu o promisiune pe care o faci în altă parte a paginii.

De exemplu, Canva adaugă context titlului „creativitate și productivitate” cu o imagine eroică axată pe produs, care ilustrează colaborarea, șabloanele și designul din mers (aplicația mobilă):

Când spunem emoționant, nu ne referim la a emoționa pe cineva până la lacrimi; Ne referim la crearea unui sentiment pozitiv despre marca și oferta dvs.

O mare parte din aceasta se rezumă la calitatea designului dvs. grafic - designul web de calitate construiește încredere și stabilește credibilitate.

Dar puteți evoca sentimente pozitive, cum ar fi încredere, siguranță, fericire și încredere direct din eroul filmat, folosind imagini alese.

De exemplu, Namogoo prezintă o varietate de „cumpărători” fericiți, ca și cum ar spune: „Așa se vor simți clienții tăi după ce vei începe să folosești Namogoo”.

Oglindind emoțiile pozitive asociate cu „țara promisă” a propunerii lor de valoare, Namogoo provoacă emoții pozitive de la potențialii săi clienți.

Sau puteți prezenta dovezi sociale, cum ar fi mărturii ale clienților, evaluări cu stele sau premii, direct în filmul eroului dvs. pentru a evoca sentimente de încredere și încredere.

Nu. Stoc. Fotografie.

Păstrați fotografiile eroului din pagina de destinație personalizate pentru marca dvs.

Dacă aveți nevoie de ajutor de la fotografia de stoc datorită resurselor, cel puțin, lucrați fotografia de stoc într-o grafică personalizată, astfel încât să se potrivească stilului și simțului mărcii dvs.

De exemplu, Monday.com folosește diverse fotografii de stoc ale oamenilor, dar le editează în filmul eroului paginii de destinație într-un mod care se simte original și unic.

În cele din urmă, cele mai bune imagini eroi ale paginii de destinație nu distrage atenția de la copie; se aliniază cu gust în jurul titlurilor și al CTA într-un mod care atrage atenția asupra lor (nu departe de ele).

De exemplu, observați cum Apostrophe prezintă un dermatolog care se uită spre titlu și CTA?

Îndreptarea corpului și a privirii ei spre dreapta creează un indiciu vizual subtil care atrage atenția vizitatorului în aceeași direcție - chiar spre titlu și CTA.

Acum juxtapuneți asta cu filmarea eroului din pagina de destinație a lui VanMoof. Nu face ca titlul și CTA să iasă în evidență; îi îngroapă.

Acum, pentru partea distractivă: exemple de fotografii cu eroul din pagina de destinație.

Am împărțit această secțiune în trei categorii distincte:

1. The Good (10 exemple)
2. The Bad (4 exemple)
3. The Bogus (4 exemple)

De ce?

Pentru că nu toate fotografiile de erou sunt supereroi, iar a învăța ce să nu faci este la fel de important ca și a învăța ce să faci.

Marcați-le. Adăugați-le în fișierul de glisare. Spune-le tuturor prietenilor tăi.

1. Canva Pro
2. Doo
3. Public
4. Adobe Creative Cloud
5. KlientBoost
6. Squarespace
7. Splina
8. SnapCall
9. Typeform
10. Armadillo

Ceea ce ne place: filmarea erou axată pe produs, care adaugă context titlului, nu distrage atenția de la CTA și evocă emoții pozitive.

Ce ne place: Doo arată capturi de ecran reale din aplicația de memento. Simplu, concret, contextual, personalizat, eficient.

Ce ne place: Public prezintă un videoclip în buclă care prezintă capturi de ecran din aplicația lor împreună cu utilizatori reali și autentici. Acest videoclip îmbină axat pe produs cu pământul promis pentru a surprinde cu talent ușurința de utilizare, piața țintă și compatibilitatea cu dispozitivele mobile.

Ce ne place: nu există o modalitate mai bună de a demonstra puterea software-ului dvs. de proiectare decât prin prezentarea designurilor reale pe care le-a facilitat. Ei bine, poate într-un fel: făcând logo-ul tău subiectul designului. Bravo, Adobe.

Ce ne place: Iubim fotografiile metaforice ale eroilor paginii de destinație la KlientBoost. În principal pentru că am dezvoltat o întreagă familie de mascote de brand care au nevoie de cele 15 minute de faimă, dar și pentru că ilustrează propunerile noastre de valoare într-un mod distinct și distractiv. Cui nu-i place să zâmbească paginile de destinație și să plouă bani?

Ce ne place : Squarespace acordă prioritate designului, întotdeauna. Așa că nu este surprinzător că imaginile lor de eroi din pagina de destinație arată mai mult ca artă modernă decât cea mai mare parte a artei moderne. Dar, așa cum am menționat mai devreme, arta de dragul artei nu o reduce atunci când vine vorba de fotografiile eroilor din pagina de destinație. Nu decât dacă ți-ai surprins produsul în viața reală în cadrul acelei arte. Și exact asta face Squarespace aici.

Ce ne place: este puțin greu de spus din această imagine (vă sugerez să vizitați pagina lor web), dar imaginea eroului 3D a lui Spline se mișcă atunci când faceți clic și glisați mouse-ul peste ea. Destul de îngrijit, având în vedere că vând instrumente de proiectare 3D colaborative.

Ce ne place: SnapCall își folosește imaginea eroului pentru a ilustra un caz de utilizare obișnuit (sau un punct de durere) pe care piața lor țintă l-ar putea considera valoroasă (cum ar fi interacțiunea cu clienții dvs. de la distanță). Are sens, având în vedere că subtitlul lor promite „oferirea unei experiențe revoluționare pentru clienți cu apeluri video cu un singur clic”.

Ceea ce ne place: vorbim despre axat pe produs. Typeform folosește un formular Typeform încorporat din viața reală ca imagine de erou. Vizitatorii pot face clic pe butonul „Încercați-mă” și pot experimenta formularul pentru ei înșiși. Sclipitor.

Ce ne place: alertă metaforă. Un armadillo care își înfășoară corpul în jurul unei case de parcă l-ar proteja ca și cum ar fi propriul său copil. Este chiar posibil să-și comunice promisiunea mărcii și propunerea de valoare într-un mod mai bun? Nici o sansa.

Am văzut și mai rău, dar aceste fotografii de eroi din pagina de destinație încă nu fac depășirea.

1. Semrush
2. InVision
3. MURAL
4. PocketGuard

Ce nu ne place: iată ce se întâmplă când metaforele eșuează. Semrush folosește o cutie de instrumente, probabil pentru a-și evidenția propunerea de valoare „Instrumente pentru orice provocare SEO”. Doar cutia de instrumente este umplută cu o riglă, lupă și roată. Vindeți unelte de instalații sanitare? Sau instrumente SEO?

Ce nu ne place: Și asta se întâmplă când abstractul eșuează. Înțelegem totuși, deoarece această pagină de destinație promovează noul software „Freehand” al InVision. Dar de ce să arăți o femeie „liberând” pe un perete? Da, nu. Ocazie ratată. Oamenii vor să vadă software-ul în viața reală, mai ales când este un nou tip de software.

Ce nu ne place: este supraîncărcat. Pe ce ne concentrăm? MURAL încearcă să folosească o fotografie de erou axată pe produs, dar au strâns prea mult în ea, ceea ce face dificil să discerne ce face fiecare caracteristică. Îl văd acum: prea mulți oameni doresc prea multe caracteristici reprezentate, așa că designerul a spus: „Eff it, le vom arunca pe toate acolo.”

Ce nu ne place: Ceea ce este cel mai deranjant la acest design abstract este că arată ca un fel de undă sonoră. Dar PocketGuard este o aplicație de finanțe personale. Lecția? Asigurați-vă că filmarea cu eroul dvs. nu arată ca un serviciu diferit la prima vedere, chiar dacă din întâmplare.

Da, nu putem uita de fals. Aceste fotografii de erou risipesc cea mai valoroasă bucată de imobiliare a paginii de destinație.

1. Interfon
2. SurveyMonkey
3. Acționează pe
4. ZoomInfo

Ce urâm: o femeie care aruncă în aer un balon? Așa veți ilustra propunerea dvs. de valoare „Convertiți mai mulți vizitatori ai site-ului în clienți plătitori”? Swing și o ratare.

Ce detestăm: paginile de destinație nu au întotdeauna nevoie de fotografii de erou pentru a face conversie. Așa că nu le strângeți doar pentru că „aveți nevoie de ceva vizual”. Spune nu umplerilor de spațiu (ahem, SurveyMonkey).

Ce urâm: Presupun că este o pâlnie. Dar seamănă mai mult cu un bec. Într-o pagină de destinație bogată în text, care ar putea beneficia de o imagine puternică, Act-On ratează ideea. Ca să nu mai vorbim că nici măcar nu-și includ logo-ul pe această pagină de destinație.

Ce detestăm: este o dronă Amazon care oferă noul meu prelungitor? Da. Ca să nu mai vorbim de plasarea (dreapta sus) îți atrage atenția departe de CTA din partea de jos, nu spre el.

Concluzia?

Deși fotografiile eroului din pagina de destinație sunt de toate formele și tipurile, cele mai bune includ o combinație de

• concreteţea
• relevanţă
• context
• emoţie
• personalizare
• aliniere

Indiferent dacă sunteți o afacere mică sau o organizație globală, acordați prioritate acestor elemente pentru a obține imaginea eroului paginii de destinație.

Vrei să știi dacă împușcarea eroului tău atinge obiectivul?

Încercați testul de împușcare cu eroul.

Găsiți un prieten sau un coleg (de preferință cineva care nu a întâlnit niciodată produsul pe care îl promovează pagina dvs. de destinație), încărcați pagina de destinație și acordați-le cinci până la zece secunde pentru a revizui imaginea eroului.

Dacă nu vă pot descrie cu acuratețe propunerea de valoare și eroul care îl însoțește împușcat în două propoziții, este timpul să începeți testarea A/B a diferitelor variante.

Acum du-te și fă-l pe Arthur (și pe noi) mândri.

Doar nu uitați să vă stăpâniți titlurile paginii de destinație în timp ce sunteți la asta. Citiți totul despre cum să faceți asta în următorul nostru blog aici.