Die Menschen sagen seit Jahren den „Tod der Homepage“ voraus.
Aber die homepage wird nie Weggehen.
Jeder Standort braucht eine Haustür, um seine neuen Nutzer zum ersten Mal willkommen zu heißen und ihnen die Grundstücke zu geben.
Die Homepage entwickelt sich jedoch weiter.
Noch vor wenigen Jahren enthielten Homepages unzählige verschiedene Informationen zu jedem Aspekt des Unternehmens.
Sie waren voll von Links und Orte zu gehen gestaut., Das Unternehmen wollte alle verschiedenen Aspekte seiner Tätigkeit hervorheben.
Das problem ist, dass es nach hinten Los.
Es gab einfach zu viele Möglichkeiten. Es war überwältigend und ablenkend für die Benutzer.
Eine der besten Möglichkeiten, Website – Design-Conversions schnell zu verbessern, besteht darin, die Funktionen zu deaktivieren, die die Benutzererfahrung beeinträchtigen.
Karussell Schieberegler sind ein perfektes Beispiel. Sie werden häufig verwendet, um mehrere verschiedene Dinge gleichzeitig zu präsentieren.
Aber diese Vielseitigkeit kommt oft mit Kosten. Tests haben gezeigt, dass sie Conversions, SEO und Seitenladezeiten beeinträchtigen.,
Sehen Sie, dass niedrigen klicken Prozentsatz im Bild oben? Das ist kein gutes Zeichen.
In der Tat, das ist der ganze Grund, warum ich Crazy Egg erstellt. Wenn Sie sehen, dass Benutzer nicht auf das klicken, was sie sollen, können Sie das Design ändern, bevor es zu spät ist.
Die besten Homepages berücksichtigen die Benutzererfahrung.
Hier sind einige meiner Lieblings-homepage-designs. Sie können mit dem Kopieren beginnen, um ähnliche Ergebnisse zu erzielen.
Bills.com
Der erste große Trend zu markieren ist die ‚ Homepage als Zielseite.,‘
Es macht sehr viel Sinn, wenn man darüber nachdenkt.
Ihr ultimatives Ziel ist es, Leads und Verkäufe zu steigern. Die Website „online brochure“ ist seit Jahren tot und verschwunden.
Der schwierige Teil besteht darin, den besten Ansatz zu kennen, um Leads auf der Homepage zu generieren, damit Sie nicht alle abschrecken und sie zum Abprallen zwingen.
Zum Beispiel ist es eine Menge, brandneue Besucher zu fragen, die noch nie von Ihnen gehört haben, ein großes Produkt zu kaufen.
Stattdessen benötigen Sie einen einfacheren, weniger invasiven Ansatz, um letztendlich das zu bekommen, was Sie wollen.
Und deshalb liebe ich was Bills.com tut.,
Gehen Sie beispielsweise zu ihrer Website und Sie sehen den folgenden Schieberegler:
Jetzt können Sie interaktiv hin-und herschieben, um den Schuldenbetrag auszuwählen, den Sie möglicherweise schulden. Es ist so einfach, dass ein Kind es tun kann.
Es ist auch die einzige Option, die sie Ihnen bisher geben! Auf diese Weise fühlen Sie sich nicht überfordert oder abgelenkt.
Nachdem Sie auf „Weiter“ geklickt haben, werden Sie gefragt, ob Sie bei Zahlungen im Rückstand sind oder nicht (und wenn ja, wie lange).
Sie qualifizieren Sie hier., Wenn Sie bei Zahlungen nicht im Rückstand sind, können sie Ihnen möglicherweise nicht viel helfen (lesen Sie: Verdienen Sie Geld von Ihnen).
Sie können diese Frage verwenden, um die Antwort zu personalisieren, die sie Ihnen schließlich geben werden. Dies kann sogar dazu beitragen, intern aufzuteilen, welche Person oder Abteilung Ihren Fall am besten bearbeitet, wenn Sie Kunde werden.
Der nächste Schritt besteht darin, auszuwählen, in welchem Zustand Sie leben:
Dies qualifiziert Sie erneut und wirft auch mögliche Probleme mit Statusbeschränkungen auf (mit denen sie sich möglicherweise später befassen müssen).,
Der allerletzte Schritt ist der, den sie die ganze Zeit wollten: Ihre persönlichen Daten!
KlientBoost nennt dies die“ Breadcrumb-Technik“, denn anstatt Menschen mit der ursprünglichen Form zu verschrecken, bringen Sie sie dazu, kleine Mikroverpflichtungen einzugehen.
Jedes Mikro-Engagement führt sie ein wenig weiter, bis sie bereits so investiert sind, dass sie den Prozess beenden müssen.
Wenn sie zum Beispiel nach Ihrem Namen und Ihrer Telefonnummer gefragt hätten, hätte es Sie möglicherweise abgeschreckt.,
Indem Sie sich jedoch zuerst auf diese anderen Schritte festlegen, geben sie sich eine bessere Chance, Sie schließlich zu einem neuen Kunden zu konvertieren.
KlientBoost hat diese Technik erfolgreich eingesetzt, um die Conversion-Raten von 1% auf fast 20% zu erhöhen.
Der Trick bei diesen mehrstufigen Zielseiten besteht darin, mit der möglichst wenig bedrohlichen Frage zu beginnen.
Es muss damit zusammenhängen, wie Sie ihnen letztendlich helfen werden. Es sollte jedoch unglaublich einfach für jemanden zu bieten sein.,
Offensichtlich sollte es null Erwähnung von Preis oder ihre persönlichen Daten an dieser Stelle.
Es könnte sogar so einfach sein, nach einer Postleitzahl zu fragen.
Der nächste Schritt wird etwas spezifischer und deutet auf das Serviceniveau hin, das sie benötigen werden.
Nachdem Sie sie dazu gebracht haben, sich für diese ersten beiden Schritte zu verpflichten, können Sie einige weitere persönliche Fragen stellen, um sie anschließend weiterzuverfolgen.
Sie werden feststellen, dass Bills.com verwendet auch interaktive Inhalte, um Sie auf ihrer Website zu beschäftigen.
Qzzr ist ein Tool, mit dem Sie dies auf Ihrer eigenen Website erreichen können., Sie haben bereits vorgefertigte „Widgets“, die in wenigen Minuten eingerichtet werden können (im Gegensatz zu einem Entwickler zu zahlen, um es individuell für Sie zu machen).
Victoria ‚ s Secret verwendet, eine, die fragt: „Was ist dein fitness-persona?“Das Food Network fragt:“ Können wir Ihr Alter anhand Ihrer Essenspräferenzen erraten?“
In jedem Fall verwenden diese Marken eine lustige Frage, die Sie beschäftigt. Es gibt null Bedrohung bei der Beantwortung dieser Fragen zunächst.
Ein weiteres alternatives Tool ist SnapApp., Sie erstellen auch interaktive Taschenrechner und sogar Infografiken, auf die Personen zeigen, klicken und anpassen können, um neue Ergebnisse anzuzeigen.
Hier ist ein lustiges Beispiel dafür, wie eitel Ihr Marketing ist, das Sie dazu bringt, Fragen in einem Flussdiagramm zu beantworten.
Eine letzte Werkzeugempfehlung ist Brackify. Dieser Name klingt wie „brackets“, richtig?
Nun, genau darum geht es! Sie können interaktive Klammern oder Wettbewerbe für fast alles erstellen und Kunden oder Website-Besucher in die Aktion einsteigen lassen.,
So könnte das aussehen, wenn jemand fragt, was Ihr Lieblings-Disney-Film ist:
Kiva
Kiva ist eine Microlending-Plattform.
Sie verbinden Unternehmer in Ländern der Dritten Welt mit Gebern und Sponsoren aus anderen Teilen der Welt.
Angenommen, ein Unternehmer in Indien benötigt 1,000 US-Dollar für eine neue kommerzielle Nähmaschine, damit er doppelt so viele Produkte produzieren und verkaufen kann.,
So können Menschen aus aller Welt in kleinen Mengen spenden und dann im Laufe von ein oder zwei Jahren aus dem neuen Cashflow, den dieser Unternehmer generieren kann, zurückgezahlt werden.
Die Homepage von Kiva ist relativ einfach, um ehrlich zu sein.
Wie wir gesehen haben, ist das jedoch in Ordnung!
Einfach und direkt können die Menschen auf das konzentrieren, was wichtig ist (geben Sie ihre Informationen im Austausch für etwas von Wert).,
Das Problem ist, dass die Leute zwar Ihre Homepage besuchen und sich für das interessieren, was Sie tun, aber nicht immer einen zwingenden Grund haben, diesen Prozess zu starten.
Manchmal muss man etwas aggressiver oder durchsetzungsfähiger sein, um sie über den erstaunlichen Wert zu informieren, den sie bekommen können.
In diesem Fall entschied sich Kiva, ein Popup-Overlay zu verwenden, um einfach E-Mail-Newsletter-Opt-Ins zu erhalten.
Sie wollten klein anfangen (und nicht etwas Bedrohliches benutzen, wie wir im letzten Schritt gelernt haben).,
Also ging Kiva mit einer einfachen E-Mail-Option, um zumindest etwas von jemandem zu bekommen, bevor sie die Seite hüpften und verließen.
So sah das neue Angebotsüberlagerung aus:
Overlays wie diese sind schwierig zu ziehen.
Einige Zuschauer hassen sie offensichtlich. Aber es kann sich auszahlen, wenn Sie Ihre Inhalte positionieren und gut anbieten.
Sie können auch steuern, wie oder wann es zeigt. Sie können beispielsweise entscheiden, es nur für neue Besucher (im Vergleich zu zurückkehrenden Besuchern) auszulösen und nur dann, wenn sich der Cursor aus dem Fenster zu bewegen beginnt.,
Diese erzeugen oft einen „Leuchtkasten“ -Effekt, der alles andere im Hintergrund de-betont, so dass die Leute direkt auf Ihr neues Angebot schauen.
Hier ist ein weiteres Beispiel für das, das ich für kommende Webinare verwende:
Es wird immer einen Prozentsatz Ihres Publikums geben, der diese Dinge hasst.
Sie müssen Also vorsichtig sein, wie Sie Sie verwenden. (Sie müssen auch auf Designfehler achten, die auch Ihre SEO ruinieren.)
Die Ergebnisse können jedoch oft das Risiko wert sein.,
Kiva beschloss, dieses Overlay aufzuteilen, um zu sehen, wie das eigene Publikum reagierte.
Sie haben Unbounce mit MailChimp (für die eventuellen E-Mail-Opt-Ins) verbunden und beschlossen, das neue Overlay zunächst nur 50% des Datenverkehrs anzuzeigen. Das kamen rund 5000 Besucher.
Genau diese einzelne Überlagerung hat 3-4% der Besucher sofort erfasst.
Ermutigt, iterierte Kiva weiterhin mit besseren Designs und verschiedenen Optionen, um diese Zahl auf 6-7% zu verdoppeln.
Nicht schlecht für ein „nerviges“ Popup, oder?
H. Bloom
Was genau ist H. Bloom?,
Sie sind ein Luxus Blumen-Lieferservice. Du kannst weitermachen, deine Vorlieben einbringen und sie kümmern sich um den Rest.
So sind sie perfekt für den überarbeiteten Unternehmer, um ihre Lieben nie zu vergessen.
Werfen wir einen kurzen Blick auf ihre Homepage, und dann sage ich Ihnen, warum es mir so gut gefällt:
In erster Linie haben sie ihre Form über der Falte.
Das macht das Ziel dieser Seite sofort klar. Ihre Kunden treffen diese Seite, und sie brauchen nicht zu erraten, was sie als nächstes tun sollen.,
Die Form, die vorne und in der Mitte ist, hält die Dinge schön und klar.
Die meisten Website-Besucher neigen dazu, den größten Teil ihrer Aufmerksamkeit über die Falte noch zu konzentrieren (obwohl sie immer mehr daran gewöhnt, nach unten scrollen).
Der einfachste Weg, Ihre Lead-Generierung Formularoptimierung zu verbessern, ist Ihre CTA in dem normalen Augenmuster zu halten, die Menschen bereits verwenden.
Zum Beispiel wurde vor Jahren eine Studie durchgeführt, in der nachverfolgt wurde, wie und wo die Augen der Leute nachverfolgt wurden, wenn sie auf Ihre Seite kamen. Sie fanden heraus, dass Menschen dazu neigen, Ihre Website in einer „F“ – Form zu scannen.,
Der erste Abschnitt der Homepage von H. Bloom teilt dem Leser sofort mit, was er auf der Seite tun soll.
Und dann erklärt der nächste Abschnitt in der Mitte genau, wie ihr Prozess funktioniert.
Der logische, schrittweise Fortschritt hilft den Menschen zu verstehen, was von ihnen erwartet wird und wie schwierig oder zeitaufwendig so etwas sein wird.,
Das ist entscheidend, weil es sofort Erwartungen setzt und den möglichen Einwand überwindet, dass es zu zeitaufwendig sein könnte, um loszulegen.
Es funktioniert wie ein Fortschrittsbalken.
Zum Beispiel haben Fortschrittsbalken die Macht, Conversions um 28% zu erhöhen, weil sie dem Betrachter schnell versichern, dass sie nicht mehr viel tun müssen, um ihre Belohnung zu erhalten.‘
Mein letztes Lieblingsstück dieser Seite ist der subtile Pfeil, der als visueller Hinweis verwendet wird, um den Zuschauern den Übergang von einem Abschnitt zum nächsten zu erleichtern.,
Es ist ein kleines Detail, aber es hilft Benutzern, die Nachricht weiterzulesen, insbesondere wenn sie noch nicht bereit sind, das Formular auszufüllen und so schnell wie MÖGLICH zu beginnen.
Basecamp
Bevor Basecamp „Basecamp“ war, waren es 37Signale mit mehreren verschiedenen Softwareprodukten.
Und im Laufe der Jahre haben sie ständig iteriert, um zu sehen, was am besten für neue kostenlose Testanmeldungen funktioniert.,
Hier ist eine ihrer aktuellen Homepage-Variationen, die eine klassische Copywriting-Technik verwenden, die es seit Jahrzehnten gibt:
Lesen Sie die erste Zeile dieser Seite sehr schnell.
„Ihr Unternehmen wächst, und Sie sind überschwemmt. Die Art, wie du arbeitest, funktioniert nicht mehr.“
Sie listen einige der verschiedenen Probleme und Probleme auf, die Sie (überarbeiteter Geschäftsinhaber) wahrscheinlich erwarten.
Dies ist ein Lehrbuchbeispiel für die PAS-Copywriting-Technik., So funktioniert es:
- Problem: Sie kommen schnell zum Kern der Angelegenheit, indem Sie das Hauptproblem, mit dem Ihre Aussicht konfrontiert ist, eindeutig bestätigen (z. B. „Sie sind überschwemmt.”).
- Agitieren: Dann können Sie alle verschiedenen Schmerzpunkte und Symptome benennen, die sie derzeit aufgrund dieses Problems haben (z. B. „unordentliche E-Mails und Texte“, „durch die Risse rutschen“ usw.).).
- Lösung: Jetzt präsentieren Sie Ihre Lösung als Retter, der all diese Probleme für sie wegnimmt (zB “ Es ist Zeit für Basecamp.”).,
Hier ist ein weiterer kurzer Blick auf diese Homepage, jetzt können Sie die Formel identifizieren, der sie folgen.
Zu viele Unternehmen möchten direkt auf die Funktionen und Vorteile ihres Produkts auf der Homepage zugreifen.
Das Problem dabei ist jedoch, dass Ihre Website-Besucher noch nicht ganz da sind.
Diese Menschen erkennen möglicherweise nicht die gleichen Probleme in ihrem Leben, sodass die „Lösung“, die Sie verkaufen, nicht mit ihnen in Resonanz steht. Sie verlassen Ihre Website ohne Umwandlung als Ergebnis!,
Sie werden auch feststellen, dass diese Homepage textlastig ist, was im Vergleich zu einigen anderen Software-Websites ungewöhnlich ist.
Das ist ein weiterer Trick, den sie nach dem Testen verschiedener Versionen in den letzten Jahren gelernt haben.
Vor Jahren testeten sie eine klassische Langform-Landingpage und sahen zunächst einen großen Sprung bei den Conversions (37,5%).
Sie waren jedoch immer noch nicht zufrieden und dachten, sie könnten es besser machen.
Also versuchten sie einen weiteren Test, diesmal jedoch mit einem Kundenrezept gegen das ursprüngliche Design.,
Der Kunde kam mit einem Umsatzplus von 102% an die Spitze.
Sie folgten dann mit einem weiteren Test, um zu sehen, ob die Kopierlänge etwas mit den Ergebnissen zu tun hatte. (Antwort: Das hat es nicht getan.)
So können Sie sehen, dass sie insgesamt immer noch an einem textlastigen Format festhalten. Es ist jedoch nicht unbedingt die Länge dieser Kopie, die einen Unterschied macht.
Stattdessen kommt es auf die spezifischen Wörter und die clevere Formel, um sicherzustellen, dass ihre Kunden genau wissen, welche Probleme Basecamp löst.,
MailChimp
Die Homepage des E-Mail-Marketing-Softwareunternehmens MailChimp bietet eine der besten Lektionen zum Entwerfen einer konvertierbaren Homepage.
Auf den ersten Blick sieht es jedoch nicht viel aus:
Eines der ersten Dinge, die Sie bemerken werden, ist, dass sich über der Falte ein einzelner Knopf befindet.
Hier gibt es buchstäblich nichts mehr zu klicken!
Es wurde gezeigt, dass das Verringern von Optionen und Auswahlmöglichkeiten zur Verbesserung der Conversion-Raten beiträgt., Die Idee ist, dass je mehr Entscheidungen Sie Besucher zwingen, zu treffen, desto länger dauert es, bis sie entscheiden, was zu tun ist (wenn überhaupt).
MailChimp ‚ s homepage bietet auch eine Lektion in Leerzeichen (oder negativraum).
Zum Beispiel haben wir alle versucht, einen Blogbeitrag auf einer Website zu lesen, nur um das Gefühl zu haben, dass er zu eng oder überladen ist. Das ist eine massive rote Fahne, die Ihr Blog-Design stinkt!
Stattdessen sollte eine gut gestaltete Seite offen und luftig wie Mailchimps sein.
Der negative Raum um Ihren primären CTA erhöht seine Bedeutung auf der Seite., Die Menschen sind also fast gezwungen, mehr darauf zu achten.
Lassen Sie uns die Seite ein wenig nach unten scrollen und sehen, wie sie mit horizontalem Abstand spielen, um auch Ihre Aufmerksamkeit zu monopolisieren.
Sie verwenden einen Fototrick namens“ Drittelregel“, der besagt, dass Sie die wichtigsten Seitenelemente in der Mitte Ihres Fadenkreuzes platzieren sollten.
Der Inhalt in diesem Abschnitt der Homepage ist aus einem bestimmten Grund nicht zentriert! Am Ende wird geformt oder gesteuert, wie der Seiteninhalt in der Reihenfolge seiner Wichtigkeit angezeigt werden soll.,
Auf diese Weise können sie Ihnen helfen, eine Seitenhierarchie subtil zu priorisieren, die besagt: „Dies ist Option #1, dies ist Option #2 usw.“
Fazit
Die besten Homepages im Web haben heute möglicherweise unterschiedliche Ziele.
Es gibt jedoch immer einen großen, zu dem sie zurückkehren. Lead-generation.
Alle Websites müssen heute verkaufen.
Das bedeutet nicht, dass sie die Leute sofort zum Kauf bringen müssen. Aber es muss irgendwann zu diesem Punkt kommen.
Die besten Homepages verwenden verschiedene Faktoren, von interaktiven Funktionen bis hin zum Design, um den Benutzer subtil anzuweisen, was er als nächstes tun soll.,
Ob Sie es glauben oder nicht, dies sollte auch im Interesse des Besuchers sein.
Es hilft, ihr Leben zu vereinfachen, indem es weniger Entscheidungen trifft und sie gleichzeitig schneller zum beabsichtigten Ziel bringt (damit sie das Problem oder den Schmerzpunkt lösen können, an dem sie leiden).
Was ist dein Lieblings-Homepage-Beispiel und was liebst du daran?
Steigern Sie Ihren Traffic