Hero Image: hoe afbeeldingen je conversie vergroten. 9 voorbeelden

Siteontwerp beïnvloedt meer conversies dan u denkt. Het eerste contact van de bezoeker met de site is het belangrijkste en een van de manieren om een ​​goede indruk achter te laten in de herinnering van de consument is om een ​​beeld van de held te creëren.

Wat is het beeld van de held?

De afbeelding van de held is een afbeelding of een reeks afbeeldingen op een prominente plaats op de hoofdpagina. Je hebt ze eerder gezien. Ze zien er als volgt uit:

Held kan zijn:

  • Een afbeelding die betrouwbaar is;
  • Foto- of video-oplossing ter illustratie van de relevantie;
  • Een context die de emoties bevat van ondersteuning, leren of overtuigen van een klant.

De held is geen afbeelding op de hoofdpagina van de site, het is een afbeelding van de beslissing, die duidelijkheid en context voor bezoekers oplevert, het is een foto die een specifiek doel uitdrukt.

Waarom de afbeelding van de held gebruiken?

Gebruikers houden van eenvoudige sites:

  • te lezen;
  • waar te nemen;
  • Juzat.

Bij het vormen van de eerste indruk heb je maximaal 0,05 seconden, omdat het beeld van je held de snelste manier is om de bezoeker te helpen de informatie en boodschap correct te zien.

Verschillende andere onderzoeken zijn het met dit cijfer eens, inclusief Google's eigen onderzoek.

Gebruik de afbeelding van de held, vergeet de hoofdzin niet. Creëer geen chaos, hoe pakkend en helder het ook is. De held is eenvoudig en hij leidt.

Hoe je de afbeelding van je held creëert en kiest

Trouwens, de ontwikkeling en selectie van het beeld van de held - meer kunst dan wetenschap. En de conversie ervan is in de regel afhankelijk van branding.

7 punten die je personage moet ontmoeten:

  1. Sleutelwoord Relevantie. Komt overeen?
  2. Duidelijkheid van het doel. Zal deze afbeelding u helpen het doel van uw site te begrijpen?
  3. Naleving van ontwerp. Komt de afbeelding overeen met het paginaontwerp en wordt de bezoeker naar de CTA-knop geduwd?
  4. Authenticiteit. Maakt deze afbeelding uw merk betrouwbaar?
  5. Waarde maximaliseren. Geeft dit de waarde van het product aan? Vergroot de behoefte? Toont voordelen?
  6. Gewenste emotie. Brengt het beeld de gewenste emotie tot uiting?
  7. "Customer Hero". Is deze foto van de cliënt "held" zodra hij de doelactie uitvoert?

In zeldzame gevallen volstaat het om slechts vier handleidingen te kiezen:

  • naleving;
  • de duidelijkheid;
  • Waarde (voor de klant);
  • De aandacht trekken.

Komt uw personagebeeld overeen met wat u aanbiedt? Is het begrijpelijk? Valt het op (bijvoorbeeld bij het snel scrollen van een site)?

4 soorten afbeeldingen van hero images

Deze omvatten:

  • Productafbeeldingen;
  • Contextafbeeldingen;
  • Beroemde makers;
  • Geen contextfoto's.

Ik zal u niet vertellen welke van deze categorieën beter of slechter werkt (A / B-testen is de beste manier om er zelf achter te komen), maar de onderstaande voorbeelden kunnen u inspireren voor nieuwe variaties.

Product afbeelding

Het beeld van de afbeelding van de held van het product - het meest intuïtief. Dit is een geweldige foto in goede kwaliteit. Een geanimeerd of statisch product is niet belangrijk, de belangrijkste taak is om de beschrijving van de waarde aan te vullen met een visuele demonstratie. Hier zijn een paar voorbeelden:

1. Tinkoff

Tinkoff - Bank op internet. Hun karakter met alle pictogrammen van een mogelijke route helpt om een ​​beetje context toe te voegen over waar deze toepassing voor is.

Site tinkoff.ru. Een goed beeld van de held.

2. Koffiekop

Coffeecup.city - een applicatie waarmee u koffie kunt drinken met een korting van maximaal 70% op de beste plekken in uw stad. Het beeld van de held toont een persoon met een kop koffie in zijn handen en een mobiele toepassing, die het product zelf is. Op het telefoonscherm kunt u sociaal bewijs zien van hoeveel kopjes koffie dronken zijn en hoeveel gebruikers de service gebruiken.

3. Bookmate

Bookmate - service voor het lezen van elektronische boeken door een abonnement voor iedereen die een mobiele telefoon heeft. De hoofdfoto laat zien hoe gemakkelijk en handig het is om uw favoriete boeken te lezen zonder ze mee te nemen. Niet slecht naar onze mening.

Het beeld van de held in context

In dit geval gebruiken bedrijven niet alleen een afbeelding bij het product, maar ook een afbeelding die context toevoegt om de levensstijl van de consument te ondersteunen.

4. Kunst-techs

Kunst-techs - website interieur ontwerper. Er zijn twee in één: het product zelf is een ontwerperservice en de context is een prachtig interieur waar bezoekers zich kunnen verdiepen in het werk van een specialist.

5. Blablacar.ru

Blabla auto - Het is de grootste gemeenschap van medereizigers; een platform dat onderweg bestuurders en passagiers bij elkaar brengt. Op de hoofdpagina - de weg. Het is duidelijk dat we het hebben over reizen, maar het product zelf en het resultaat van het product zijn niet zichtbaar.

6. Chefmarket.ru

Shefmarket - Service voor de levering van producten voor thuis koken. In zijn beeld van het heldenbedrijf toont een reeks verse en smakelijke ingrediënten.

Het beeld van de held van de beroemde maker

In wezen is dit het beeld van de maker van de dienst of site. In de regel is de inhoud van zo'n pagina veel nuttige inhoud op basis van persoonlijke talenten of prestaties. De afbeelding bevindt zich meestal op de hoofdpagina en wordt gebruikt in verband met de aanbieding om zich te abonneren op de nieuwsbrief.

7. Jeffwalker.com

Jeffwalker - De bestverkopende auteur van het blog van de New York Times, waarin hij de formule deelt voor het promoten en verkopen van elk product op de markt vanaf het begin. Op de hoofdpagina meteen aanbieden om je te abonneren op de nieuwsbrief van de zeer Jeffwalker.

8. Igor-mann.ru

Igor Mann - persoonlijke blog, persmap en visitekaartje van de marketeer, spreker en auteur van een tiental boeken over marketing, PR en verkoop van Igor Mann. De site is geloofwaardig. Je begrijpt meteen waar je naartoe gaat en wat je te wachten staat.

Geen heldenafbeelding meer uit context

Deze afbeelding past niet in de context. Meestal wordt het ingevoegd omdat het er cool uitziet of omdat het in de mode is, maar het past helemaal niet in het voorstel of de landingspagina.

9. Rocketbank

Welke afbeeldingen kunnen worden gebruikt:

  1. Laat zien hoe de verpakking van aanvullende materialen die bij uw hoofdproduct horen - instructies, boekjes, geschenken.
  2. Laat zien hoe uw product is gemaakt.
  3. Laat zien van welk materiaal uw product is gemaakt, vergelijk het met materialen van concurrenten (indien mogelijk).
  4. Laat zien of je een magazijn hebt.
  5. Laat uw personeel zien (download geen afbeeldingen van google.com!).
  6. Laat zien hoe uw product wordt afgeleverd.
  7. Toon uw managers die met de klant werken.
  8. Laat zien hoe uw product werkt.
  9. Maak een foto van het product van verschillende kanten en in verschillende omstandigheden.

conclusie

Een correct geselecteerde visuele afbeelding vormt een aanvulling op en voegt context toe aan uw aanbod, waardoor de perceptie en waarde toenemen.

Dergelijk werk aan bugs helpt om uw product te "verpakken" en vertrouwen te geven in de gebruiker. "Gold Rush" met de landingspassen, dus ga meteen zitten en maak je held!

Bekijk de video: The DJ Company - De beste DJ uit jouw regio (November 2019).

Loading...

Laat Een Reactie Achter