mensen voorspellen al jaren de” dood van de homepage”.
maar de homepage zal nooit verdwijnen.
elke site heeft een voordeur nodig om zijn nieuwe gebruikers voor het eerst te verwelkomen en hen de lay of the land te geven.
echter, de homepage is in ontwikkeling.
nog maar een paar jaar geleden bevatten homepages tonnen verschillende informatie over elk aspect van het bedrijf.
ze zaten vol met links en plaatsen om naartoe te gaan., Het bedrijf wilde alle aspecten van wat het deed benadrukken.
het probleem is dat het mislukt.
Er waren gewoon te veel opties. Het was overweldigend en afleidend voor gebruikers.
een van de beste manieren om websitedesignconversies snel te verbeteren is door de functies die afbreuk doen aan de gebruikerservaring te dumpen.
Carrousel sliders zijn een perfect voorbeeld. Ze worden vaak gebruikt om meerdere verschillende dingen tegelijk te laten zien.
maar die veelzijdigheid heeft vaak een prijs. Tests hebben aangetoond dat ze pijn conversies, SEO, en pagina laadtijden.,
zie je dat lage klikpercentage in de bovenstaande afbeelding? Dat is geen goed teken.
in feite is dat de hele reden waarom ik Crazy Egg heb gemaakt. Als je kunt zien dat gebruikers niet klikken op wat ze moeten doen, kun je het ontwerp veranderen voordat het te laat is.
De beste homepages houden rekening met de gebruikerservaring.
Hier zijn enkele van mijn favoriete homepage ontwerpen. U kunt beginnen met het kopiëren van hen om soortgelijke resultaten te krijgen.
Bills.com
de eerste belangrijke trend om te markeren is de ‘homepage als landing page.,’
Het heeft veel zin als je erover nadenkt.
uw uiteindelijke doel is om leads en sales te verhogen. De’ online brochure ‘ website is al jaren dood en verdwenen.
het lastige deel is het weten van de beste aanpak om leads te genereren op de homepage, zodat je niet iedereen wegschrikt en dwingt ze te stuiteren.
bijvoorbeeld, het is veel om gloednieuwe bezoekers die nog nooit van je gehoord hebben te vragen om een groot product te kopen.
dus in plaats daarvan heb je een eenvoudigere, minder invasieve aanpak nodig om uiteindelijk te krijgen wat je wilt.
en dat is waarom ik hou van wat Bills.com is bezig.,
bijvoorbeeld, ga naar hun site en u zult de volgende schuifregelaar zien:
nu kunt u interactief heen en weer schuiven om het schuldbedrag te kiezen dat u mogelijk verschuldigd bent. Het is zo simpel dat een kind het kan.
het is ook de enige optie die ze je tot nu toe geven! Op die manier voel je je niet overweldigd of afgeleid.
na het klikken op “Doorgaan”, vragen ze je of je achterloopt met betalingen of niet (en zo ja, voor hoe lang).
ze kwalificeren je hier., Als je niet achter met betalingen, ze misschien niet in staat zijn om u te helpen veel (lees: geld verdienen van u).
ze kunnen deze vraag gebruiken om het antwoord te personaliseren dat ze je uiteindelijk zullen geven. Dat kan zelfs helpen intern opsplitsen welke persoon of afdeling het beste zal zijn om uw zaak te behandelen als je een klant.
de volgende stap is om te selecteren in welke staat u woont:
nogmaals, dit kwalificeert u verder en roept ook eventuele problemen op met statusbeperkingen (waar ze later mee te maken zouden kunnen krijgen).,
de allerlaatste stap is degene die ze altijd al wilden: uw persoonlijke informatie!
KlientBoost noemt dit de” Breadcrumb-techniek”, omdat je mensen niet afschrikt met de initiële vorm, maar ze kleine micro-verplichtingen laat aangaan.
elke micro commitment neemt hen een beetje verder mee totdat ze al zo geïnvesteerd zijn dat ze het proces moeten voltooien.
bijvoorbeeld, als ze vooraf om uw naam en telefoonnummer hadden gevraagd, had dat u misschien afgeschrikt.,
echter, door je eerst te laten committen naar die andere stappen, geven ze zichzelf een betere kans om je uiteindelijk te converteren naar een nieuwe klant.
KlientBoost heeft met succes deze techniek gebruikt om de omrekeningskoersen te verhogen van 1% naar bijna 20%.
De truc met deze multi-step landing pages is om te beginnen met de minst bedreigende vraag mogelijk.
Het moet gerelateerd zijn aan hoe je hen uiteindelijk gaat helpen. Echter, het moet ongelooflijk eenvoudig zijn voor iemand om te bieden.,
uiteraard moet er op dit moment geen melding worden gemaakt van prijs of hun persoonlijke gegevens.
het kan zelfs zo eenvoudig zijn als het vragen om een Postcode.
De volgende stap wordt iets specifieker, met een hint over het serviceniveau dat ze nodig zullen hebben.
nadat je ze hebt laten committeren aan die eerste twee stappen, kun je nog een paar persoonlijke vragen naar voren brengen om ze daarna op te volgen.
u zult merken dat Bills.com maakt ook gebruik van interactieve content om u bezig te houden op hun site.
Qzzr is een hulpmiddel dat u kunt gebruiken om dit te laten gebeuren op uw eigen site., Ze hebben al pre-built ‘widgets’ die kan worden ingesteld in een paar minuten (in tegenstelling tot het betalen van een ontwikkelaar op maat te maken voor u).
Victoria ’s Secret gebruikt er een die vraagt: “What’ s your fitness persona?”The Food Network vraagt,” kunnen we raden uw leeftijd op basis van uw voedsel voorkeuren?”
In elk geval gebruiken deze merken een leuke vraag die je bezig houdt. Er is geen bedreiging in het beantwoorden van die vragen in eerste instantie.
een ander alternatief gereedschap is SnapApp., Ze maken ook interactieve rekenmachines en zelfs infographics die mensen kunnen wijzen, klikken en aanpassen om nieuwe resultaten te zien.
Hier is een grappig voorbeeld van hoe ijdel uw marketing is dat u vragen op een stroomdiagram manier te beantwoorden.
een laatste gereedschapsaanbeveling is Brackify. Die naam klinkt als “beugels”, toch?
nou, dat is precies het punt! U kunt interactieve beugels of wedstrijden voor bijna alles te maken, en laat klanten of bezoekers van de site krijgen in op de actie.,
Hier is hoe dat eruit zou kunnen zien als iemand vroeg wat uw favoriete Disney film is:
Kiva
Kiva is een microlending platform.
zij verbinden ondernemers in derdewereldlanden met donoren en sponsors uit andere delen van de wereld.bijvoorbeeld, laten we zeggen dat een ondernemer in India $1.000 nodig heeft voor een nieuwe commerciële naaimachine, zodat ze twee keer zoveel producten kunnen produceren en verkopen.,mensen van over de hele wereld kunnen dus in kleine hoeveelheden doneren en in de loop van een jaar of twee worden terugbetaald uit de nieuwe cashflow die deze ondernemer kan genereren.
Kiva ‘ s homepage is relatief eenvoudig, om eerlijk te zijn.
echter, zoals we hebben gezien, dat is OK!
eenvoudig en direct kan mensen gefocust houden op wat belangrijk is (je hun informatie geven in ruil voor iets van waarde).,
het probleem is dat terwijl mensen je homepage bezoeken en geïnteresseerd zijn in wat je doet, er niet altijd een dwingende reden is om dat proces te starten.
soms moet je wat agressiever of assertiever zijn om ze te laten weten welke geweldige waarde ze kunnen krijgen.
in dit geval besloot Kiva een popup-overlay te gebruiken om eenvoudig opt-ins voor e-mailnieuwsbrieven te krijgen.
ze wilden klein beginnen (en niet iets bedreigends gebruiken zoals we geleerd hebben in de laatste stap).,
dus Kiva ging met een eenvoudige e-mail optie om tenminste iets van iemand te krijgen voordat ze bounced en verliet de site.
Hier is hoe de nieuwe aanbieding overlay eruit zag:
Overlays zoals deze zijn lastig te trekken.
sommige doelgroepen haten ze, uiteraard. Maar het kan enorme dividenden betalen als u uw inhoud te positioneren en bieden goed.
u kunt ook bepalen hoe of wanneer het wordt weergegeven. Bijvoorbeeld, u kunt besluiten om het alleen te activeren om nieuwe bezoekers (vs. terugkerende degenen) en alleen wanneer hun cursor begint te bewegen uit het venster.,
Deze zullen vaak een ‘lightbox’ effect creëren dat de nadruk legt op al het andere op de achtergrond, zodat mensen direct naar je nieuwe aanbod kijken.
Hier is een ander voorbeeld van het voorbeeld dat ik gebruik voor aankomende webinars:
Er zal altijd een percentage van uw publiek zijn dat deze dingen haat.
dus je moet voorzichtig zijn met hoe je ze gebruikt. (Je moet ook uitkijken voor ontwerp fouten die uw SEO ruïneren ook.)
de resultaten kunnen echter vaak het risico waard zijn.,
Kiva besloot deze overlay te splitsen om te zien hoe hun eigen publiek reageerde.
ze hebben Unbounce met MailChimp (voor de eventuele E-MAIL opt-ins) en besloten om de nieuwe overlay in eerste instantie aan slechts 50% van het verkeer te tonen. Dat kwam uit op ongeveer 5.000 bezoekers.
alleen al die enkele overlay haalde een extra 3-4% van de bezoekers direct uit de vleermuis.
aangemoedigd, Kiva bleef itereren met betere ontwerpen en verschillende opties om dat aantal te verdubbelen tot 6-7%.
niet slecht voor een “vervelende” pop-up, toch?
H. Bloom
Wat is H. Bloom precies?,
ze zijn een luxe bloem levering service. Je kunt doorgaan, je voorkeuren invullen, en zij zorgen voor de rest.
dus ze zijn perfect voor de overwerkte ondernemer om nooit hun dierbaren te vergeten.
laten we een snelle blik op hun homepage nemen, en dan zal ik je vertellen waarom ik het zo leuk vind:
Allereerst hebben ze hun vorm boven de vouw.
dat maakt het doel van deze pagina duidelijk recht uit de vleermuis. Uw klanten raken deze pagina, en ze hoeven niet te raden over wat ze moeten doen volgende.,
de vorm die vooraan en in het midden staat houdt de dingen mooi en duidelijk.
De meeste bezoekers van de website hebben de neiging om het grootste deel van hun aandacht nog steeds boven de vouw te concentreren (hoewel ze meer gewend zijn om naar beneden te scrollen).
De eenvoudigste manier om uw lead generation form optimization te verbeteren is om uw CTA in het normale oogpatroon te houden dat mensen al gebruiken.
bijvoorbeeld, een studie werd jaren geleden gedaan die traceerde hoe en waar de ogen van mensen traceerden wanneer ze op uw pagina kwamen. Ze vonden dat mensen de neiging om uw website te scannen in een” F ” vorm.,
dus het eerste deel van H. Bloom ‘ s homepage vertelt de lezer onmiddellijk wat ze moeten doen op de pagina.
en dan de volgende sectie in het midden legt precies uit hoe hun proces werkt.
de logische stapsgewijze progressie helpt mensen te begrijpen wat er van hen verwacht wordt en hoe moeilijk of tijdrovend zoiets als dit gaat worden.,
dat is cruciaal omdat het onmiddellijk verwachtingen stelt en het potentiële bezwaar overwint dat het misschien te tijdrovend is om te beginnen.
Het werkt op dezelfde manier als een voortgangsbalk.
bijvoorbeeld, voortgangsbalken hebben de mogelijkheid om conversies met 28% te verhogen, omdat ze de kijker snel verzekeren dat er niet veel meer te doen is om hun beloning te krijgen.’
mijn laatste favoriete stukje van deze pagina is de subtiele pijl die wordt gebruikt als een visuele cue om kijkers van de ene sectie naar de volgende te helpen.,
het is een klein detail, maar het helpt gebruikers om verder te lezen op de pagina, vooral als ze nog niet klaar zijn om het formulier in te vullen en zo snel mogelijk te beginnen.
Basecamp
voordat Basecamp “Basecamp” was, waren het 37 signalen met meerdere verschillende softwareproducten.
en door de jaren heen hebben ze voortdurend herhaald om te zien wat het beste werkt voor het besturen van nieuwe gratis proefabonnementen.,
Hier is een van hun huidige homepage variaties die een klassieke copywriting techniek gebruiken die al decennia bestaat:
Lees de eerste regel van die pagina snel.
” uw bedrijf groeit en u bent overspoeld. De manier waarop je werkt werkt niet meer.”
ze gaan verder met een lijst van een paar van de verschillende problemen en problemen die u (overwerkt bedrijf eigenaar) waarschijnlijk verwacht.
Dit is een schoolvoorbeeld van de pas copywriting techniek., Dit is hoe het werkt:
- probleem: u snijdt snel tot de kern van de zaak door duidelijk te bevestigen het belangrijkste probleem uw prospect is tegen (bijvoorbeeld “je bent overspoeld.”).
- Agitate: dan ga je over naar het benoemen van alle pijnpunten en symptomen die ze momenteel ervaren als gevolg van dat probleem (bijvoorbeeld “rommelige e-mails en teksten”, “dingen die door de barsten glippen”, enz.).
- oplossing: nu presenteer je je oplossing als de redder die al deze problemen voor hen zal wegnemen (bijvoorbeeld “het is tijd voor Basecamp.”).,
Hier is nog een snelle blik op die homepage nu dat je de formule kunt identificeren die ze volgen.
te veel bedrijven willen direct op de homepage ingaan op de mogelijkheden en voordelen van hun product.
echter, het probleem is dat uw bezoekers van de site er nog niet helemaal zijn.
deze mensen herkennen misschien niet dezelfde problemen in hun leven, dus de ‘oplossing’ die je hen verkoopt, resoneert niet met hen. Ze verlaten uw site zonder te converteren als gevolg!,
u zult ook merken dat deze homepage tekst-zwaar is, wat ongebruikelijk is in vergelijking met sommige andere software websites.
dat is een andere truc die ze hebben geleerd na het testen van verschillende versies in de afgelopen jaren.
jaren geleden testten ze een klassieke landingspagina met lange vorm en zagen aanvankelijk een enorme sprong in Conversies (37,5%).
echter, ze waren nog steeds niet tevreden en dachten dat ze beter konden doen.
dus probeerden ze een andere test, maar deze keer met behulp van een klant testimonial tegen het oorspronkelijke ontwerp.,
de klant kwam op de top met een 102% conversie stijging.
daarna volgden ze nog een test om te zien of de kopielengte iets te maken had met de resultaten. (Antwoord: dat deed het niet.)
zodat u kunt zien dat ze in het algemeen nog steeds aan een tekstzwaar formaat vasthouden. Het is echter niet noodzakelijk de lengte van die kopie die een verschil maakt.
in plaats daarvan komt het allemaal neer op de specifieke woorden die worden gebruikt en de slimme formule om ervoor te zorgen dat hun klanten precies weten welke problemen Basecamp oplost.,
MailChimp
de homepage van het e-mail marketing software bedrijf, MailChimp, presenteert een van de beste lessen in het ontwerpen van een homepage die converteert.
echter, op het eerste gezicht lijkt het niet veel:
Een van de eerste dingen die je zult merken is dat er een enkele knop boven de fold.
Er is letterlijk niets anders om hier te klikken!
Het verminderen van opties en keuzes is aangetoond dat het helpen bij het verbeteren van conversieratio ‘ s., Het idee is dat hoe meer beslissingen je bezoekers dwingt te maken, hoe langer het duurt om te beslissen wat te doen (als er iets is).
De homepage van MailChimp biedt ook een les in witruimte (of negatieve ruimte).
bijvoorbeeld, we hebben allemaal geprobeerd om een blog post te lezen op een website, alleen om het gevoel dat het te ‘krap’ of rommelig. Dat is een enorme rode vlag dat uw blog ontwerp stinkt!
in plaats daarvan zou een goed ontworpen pagina open en luchtig moeten zijn zoals die van MailChimp.
de negatieve ruimte rond uw primaire CTA helpt de betekenis ervan op de pagina te vergroten., Dus mensen worden bijna gedwongen om er meer aandacht aan te besteden.
laten we een beetje naar beneden scrollen en zien hoe ze spelen met horizontale spatiëring om ook je aandacht te monopoliseren.
ze gebruiken een fototruc genaamd de “rule of thirds” die zegt dat u de belangrijkste pagina-elementen in het midden van uw dradenkruis moet plaatsen.
de inhoud in die sectie van de homepage is niet gecentreerd om een reden! Het eindigt vormgeven of controleren hoe ze willen dat u pagina-inhoud te bekijken in volgorde van belang.,
op die manier kunnen ze je subtiel helpen een paginahiërarchie te prioriteren die zegt: “Dit is optie # 1, Dit is optie # 2, enz.”
conclusie
De beste homepages op het web van vandaag kunnen verschillende doelstellingen hebben.
echter, er is altijd een grote waar ze naar terugkeren. Leadgeneratie.
alle websites moeten vandaag de dag verkopen.
dat betekent niet dat ze mensen meteen moeten laten kopen. Maar uiteindelijk moet het zover komen.
de beste homepages gebruiken verschillende factoren, van interactieve functies tot design, om de gebruiker subtiel te instrueren wat hij vervolgens moet doen.,
geloof het of niet, dit zou ook in het belang van de bezoeker moeten zijn.
Het helpt hun leven te vereenvoudigen door minder beslissingen te nemen, terwijl ze ook sneller naar de beoogde bestemming worden gebracht (zodat ze het probleem of pijnpunt dat ze ervaren kunnen oplossen).
Wat is uw favoriete voorbeeld van uw homepage en wat vindt u ervan?
vergroot uw verkeer