7 Prinzipien des Conversion-Centered Designs

Erfahrene Marketer haben erkannt, dass es bestimmte Muster und Auslöser gibt, die eine Landung zu einer hohen Konversion machen. Sie haben ihre Beobachtungen in umsetzbare Richtlinien umgewandelt, und hier sind wir – das ist eine kurze Geschichte des konversionszentrierten Designs. Sie müssen nicht mehr Teeblätter lesen und versuchen, das Verhalten Ihrer Benutzer vorherzusagen. Jetzt haben Sie die Kontrolle.

In diesem Artikel werden wir über Conversion-fokussiertes Design und die Möglichkeiten sprechen, wie Sie es in Ihren E-Mails und Zielseiten verwenden können. Denken Sie daran, dass Ihre Designentscheidungen niemals zufällig sein sollten – jedes einzelne Detail kann einen Zweck erfüllen!

Was ist Conversion-Centered Design und warum sollte es Sie interessieren?

Conversion-Centered Design (CCD) ist eine Reihe von Regeln oder Prinzipien für die Gestaltung kommerziell effektiver Zielseiten, E-Mail-Vorlagen und anderer Arten von Inhalten. Mit dieser Strategie können Sie Inhalte erstellen, die Ihnen mehr hochwertige Leads, Abonnenten und Kunden bringen.

Ursprünglich wurden diese Prinzipien vom Team von Unbounce geprägt. Sie sind in das Marketing-Vokabular eingegangen und werden nun von verschiedenen Experten und Praktikern frei adaptiert und interpretiert. Ihre Bedeutung und Relevanz haben sich jedoch nicht verändert.

Geben wir es zu, es ist 2021, aber viele Landing Pages bleiben verwirrend und unintuitiv.

Ein Nutzer landet auf dieser Seite, nachdem er auf eine Anzeige für eine Bäckerei mit Sitz in New York geklickt hat. Zunächst einmal ist die Seite für die Anzeige nicht relevant. Es hat einen Schieberegler mit Tonnen von Bildern und Duplikaten von geringer Qualität, eine bizarre Anzahl von Links, ein riesiges Menü und keine Erklärung, warum Benutzer diesem Ort überhaupt Aufmerksamkeit schenken sollten. Es ist schwer zu verstehen, was hier vor sich geht, und das ist kein Einzelfall!

Conversion-zentriertes Zielseitendesign hilft, die Verwirrung zu vermeiden, die Benutzer oft erleben, nachdem sie auf einer typischen überladenen kommerziellen Seite gelandet sind.

Sie möchten sicherlich nicht, dass derselbe Monolog im Kopf Ihres Besuchers stattfindet.

Sie möchten, dass Ihre Zielseiten und E-Mails Ihre Benutzer sanft führen und ihnen ein angenehmes, reibungsloses Erlebnis bieten. Ihr Ziel ist es, mit Ihrem Publikum in Verbindung zu bleiben und es für Ihre Marke zu interessieren. Sie möchten, dass sie mühelos konvertieren.

Conversion-zentriertes Design ist der genaue Ansatz, den Sie dafür wählen müssen. Überzeugendes Design hilft Ihren Nutzern, den Wert Ihres Angebots zu erkennen und Ihrem Call-to-Action zu folgen. Wir gehen sogar so weit zu sagen, dass jedes einzelne Designelement auf Ihrer Seite zu Conversions führen kann – und das sollte es auch!

Hier sind also die sieben Prinzipien des konversionszentrierten Designs, die Sie beim Erstellen eines Layouts berücksichtigen müssen:

1. Helfen Sie den Besuchern, sich zu konzentrieren . Stellen Sie sicher, dass die Nutzer die Bedeutung Ihres Angebots auf einen Blick erfassen.
2. Erstellen Sie eine solide Struktur . Entwickeln Sie eine Inhaltshierarchie, die einen natürlichen Fluss erzeugt.
3. Behalten Sie die Konsistenz bei . Verleihen Sie Ihren Inhalten ein kohärentes, einheitliches Erscheinungsbild.
4. Vorteile hervorheben . Verwenden Sie jedes Designelement, um darauf hinzuweisen, wie viel einfacher das Leben mit Ihrem Produkt oder Ihrer Dienstleistung wird.
5. Heben Sie Ihre CTAs hervor . Lassen Sie Ihre Benutzer zu jedem Zeitpunkt ihrer Reise konvertieren.
6. Vertrauen gewinnen . Zeigen Sie, was Ihre Kunden und Branchenexperten über Ihr Produkt oder Ihre Dienstleistung denken.
7. Schaffen Sie ein reibungsloses Erlebnis . Entrümpeln und optimieren Sie Ihre Seite, um sie intuitiver und bequemer zu gestalten.

Müssen Sie immer auf ein konversionszentriertes Design setzen? Wir wagen es, nein zu sagen. Es gibt einige Ausnahmen von der Regel, wie zum Beispiel rein unterhaltsame oder informative Seiten oder E-Mails, die keine spezifischen CTAs haben. Kommerzielle Inhalte erfordern jedoch fast immer einen konversionsorientierten Ansatz.

Prinzip 1. Helfen Sie Ihren Benutzern, sich zu konzentrieren

Jede noch so komplexe Idee kann umfassend und klar skizziert werden. Niemand möchte Seiten mit Text über etwas lesen, von dem er noch nie zuvor gehört hat. Sie müssen die wichtigsten Merkmale Ihres Produkts oder Ihrer Dienstleistung hervorheben und hervorheben, während Sie sekundäre Details weglassen. Fügen Sie Ihren Inhalten eine gewisse Ausrichtung ein, um sicherzustellen, dass Ihre Benutzer nach dem Lesen einiger Sätze auf dem richtigen Weg bleiben.

Der beste Weg, dies zu tun, besteht darin, im gesamten Text Schwerpunkte zu setzen. Schwerpunkte sind visuell markante Elemente, in der Regel kontrastierende Schlagzeilen, Factoids oder Bildteile wie ein menschliches Gesicht. Sie erleichtern das Scannen von Text und arbeiten wie Brotkrümel und zwingen einen Benutzer, von einem Abschnitt zum anderen zu gehen, um sie alle zu sammeln.

Mal sehen, wie es im wirklichen Leben funktioniert.

Das E-Mail-Design von Ando unterstreicht ihr Alleinstellungsmerkmal „Mobile Banking für eine nachhaltigere Zukunft“. Der starken Überschrift folgt eine prägnante Beschreibung, die den Leser motiviert, mehr über Eco-Banking zu erfahren und im Handumdrehen ein Konto zu eröffnen.

Es gibt auch eine positive Illustration, die aber nicht die Show stiehlt – das Hauptaugenmerk liegt weiterhin auf dem Angebot. In diesem Beispiel sehen wir, wie hilfreich es sein kann, komplexe Texte in Aufzählungspunkte mit benutzerdefinierten Symbolen zu unterteilen. Es erhöht die allgemeine Lesbarkeit und macht die E-Mail konversionsorientierter, da das Publikum die Hauptvorteile dieses Bankensystems sofort erkennen kann. Nicht zuletzt hilft das völlige Fehlen von Rechtstexten den Lesern, sich auf den Sinn des Angebots zu konzentrieren.

Wir haben zuvor eine Restaurant-Landingpage demonstriert, die noch Verbesserungspotenzial bietet. Werfen wir nun einen Blick auf den Inbegriff des konversionszentrierten Landingpage-Designs.

Diese Seite erregt wirklich die Aufmerksamkeit des Benutzers und lässt ihn nach diesen Cookies verlangen – es ist einfach unmöglich, sich auf etwas anderes zu konzentrieren. Schlagzeilen und köstliche Fotos erklären sofort, worum es auf der Seite geht, und klare Beschreibungen erledigen den Rest. Die Ersteller der Seite platzierten weniger wichtige Abschnitte wie die Markenhistorie und den User-Generated-Content-Feed näher an der Fußzeile, um ihre Erstbesucher nicht abzulenken.

Prinzip 2. Erstellen Sie eine solide Struktur

Genau wie wir Menschen brauchen auch kommerzielle Inhalte ein starkes und gesundes Rückgrat – eine Struktur, die alle Elemente an ihrem Platz hält. Die richtige E-Mail- oder Zielseitenhierarchie hilft Ihren Benutzern, das Bewusstsein zu steigern, Vertrauen in Ihre Marke zu entwickeln und mit Leichtigkeit auf natürliche Weise zu konvertieren.

Es ist ein Anfängerfehler, nur eine Vorlage auszuwählen, die gut aussieht – Sie müssen Ihre Inhalte nachrüsten und einige Opfer bringen. Erstellen Sie stattdessen selbst einen Rohentwurf, gedanklich oder manuell. Definieren Sie Ihre Ziele und skizzieren Sie, was Sie Ihrem Publikum mitteilen müssen. Suchen Sie dann nach einer Vorlage, die genau dieser Struktur entspricht.

So geht's – eine Sonderangebots-E-Mail von Diadora.

Diese konversionszentrierte Struktur ist keineswegs zufällig – die meisten E-Commerce-E-Mails haben dieselbe Bedeutungshierarchie. Oben gibt es ein übersichtliches Menü, ein aufmerksamkeitsstarkes visuelles Element, eine kurze Beschreibung und eine CTA-Schaltfläche. Auf diese Schlüsselelemente folgen normalerweise etwas weniger wichtige klickbare Produktvorschauen und zusätzliche Beschreibungen.

Eine stabile Struktur zu haben bedeutet nicht, Block für Block hinzuzufügen und Ihre E-Mail oder Seite voller Text und Bilder zu machen. Ebenso wichtig ist es, etwas Negativ- oder Leerraum zu reservieren – es gibt Ihrem Layout etwas Luft zum Atmen und lässt es leicht, einfach und elegant aussehen. Leerräume erhöhen nur dann die Conversions, wenn sie mit Bedacht verwendet werden, da sie die Aufmerksamkeit auf die verbleibenden Elemente lenken.

Sehen Sie sich diese präzise zusammengestellte Landingpage für einen KI-Sprachanalysedienst an.

Diese Seite nutzt gut den Leerraum. Es enthält viele Informationen, aber die Elemente sitzen nicht übereinander und erzeugen keinen visuellen Konflikt. Die Seite ist jedoch Conversion-freundlich – sie hat viele kontrastierende CTA-Schaltflächen, umsetzbare Kopien und wertbasierte Inhalte. Die Struktur ist da, aber es hat auch gerade genug Luft, um die Besucher atmen zu lassen.

Prinzip 3. Konsistenz bewahren

Es ist schön, mit Stilen zu experimentieren und herumzuspielen, aber Sie müssen ein kohärentes Erscheinungsbild beibehalten, damit Ihre Inhaltsressourcen erkannt werden, Autorität erlangen und Ihre Leads zu Stammkunden machen. Leicht identifizierbare grafische Elemente, einzigartige Schriftkombinationen oder eine Farbpalette – verwenden Sie alles, was Ihrem Branding entspricht und Ihre Inhalte unterscheidbar macht.

Markenbekanntheit ist nicht nur etwas, um das sich große Unternehmen wie Apple und Tesla sorgen. Eine Marke jeder Größe kann von ihrem Kernpublikum nicht nur erkannt, sondern auch geschätzt, geliebt und gefördert werden. Nehmen wir als Beispiel Judy, eine Herstellerin von Notfallsets.

Vergleichen Sie diese E-Mail mit der Judy-Website und Sie werden sofort Ähnlichkeiten feststellen: erkennbare Schriftarten, der gleiche Orangeton, ein freundlicher und fürsorglicher Ton, pädagogische Elemente und ein Schwerpunkt auf Familiensicherheit. Es gibt keine Trennung – Sie haben das Gefühl, mit derselben Marke zu interagieren, nur über unterschiedliche Medien.

Wenn Benutzer regelmäßig E-Mails von einem bestimmten Unternehmen erhalten, gewöhnen sie sich an diesen einzigartigen Kommunikations- und visuellen Stil und erkennen E-Mails dieser Marke sofort. Wenn Sie die Beziehungen zu Ihrem Publikum vertiefen möchten, müssen Sie ihm jedes Mal ein einheitliches Erlebnis über verschiedene Kanäle hinweg bieten.

Prinzip 4. Vorteile hervorheben

Wir schreiben in unserem Blog viel über E-Mail-Design und Landingpage-Design, daher haben Sie vielleicht schon von der Bedeutung eines kundenzentrierten und nutzenorientierten Ansatzes gehört. Es ist eine entscheidende Komponente für die Steigerung der Conversions – Vorteile machen ein bestimmtes Produkt oder eine bestimmte Dienstleistung für Verbraucher wünschenswert. Sie können sie mit witzigen Texten und attraktiven Bildern oder Videos hervorheben.

Schauen wir uns eine Landingpage an, die David Horsager, einen Bestsellerautor, Redner und Experten für Führungsvertrauen, bewirbt.

Es ist wirklich schwer, persönliche Ausstrahlung über Text zu vermitteln, aber diese Landingpage schafft es mit ihrer punktgenauen Kopie, überzeugenden Rezensionen und auffälligen Videos. Die Website macht deutlich, warum große Unternehmen David als Redner bei ihren Veranstaltungen engagieren und wie er einen echten Mehrwert schaffen und jeden Veranstaltungsteilnehmer positiv beeinflussen kann. Besucher werden ermutigt, sich mit Davids Team in Verbindung zu setzen, nachdem sie mehr über sein Fachwissen erfahren haben.

Sie können die Vorteile Ihres Produkts auch durch ausgewählte Bilder übersetzen, um eine bestimmte Stimmung oder Atmosphäre zu vermitteln.

Anstatt den Vortrag zu halten, lädt diese E-Mail die Benutzer einfach ein, die Kraft von Bewegung und Bewegung zu feiern, indem sie ihre emotionale Seite anzapfen. Es enthält authentische, reale Fotos mit freigeistigen Charakteren, die ein aktives Leben führen, während sie Asics-Trainer tragen. Ein Fischaugeneffekt lässt die Bilder spontaner wirken und fängt diese Stimmung perfekt ein – es ist sehr verlockend, ein Paar zu bestellen und der Asics-Community beizutreten.

Prinzip 5. Heben Sie Ihre CTAs hervor

Ohne CTAs bleiben Ihre Inhalte machtlos. Stellen Sie sicher, dass Sie mindestens eine auffällige CTA-Schaltfläche über dem Falz und zusätzliche CTAs im Text haben, wenn Ihr Inhalt scrollen muss. Halten Sie Ihren CTA-Text kurz und fügen Sie aktive Verben ein, die die Benutzer motivieren, sofort zu handeln.

Wir können zu den Ressourcen von Blendjet gehen, um Inspiration für das Design von Conversion-zentrierten Zielseiten zu erhalten.

„Get yours today“ ist ein fantastisches Beispiel für einen effektiven CTA. Wenn Sie eine Expresslieferung anbieten, erwähnen Sie dies in Ihrem CTA, damit Ihre Benutzer wissen, dass sie Ihr Produkt in wenigen Stunden oder Tagen in die Hände bekommen können. Auf dieser Seite sehen wir auch zusätzliche CTAs wie „Rezepte entdecken“, aber sie sind absichtlich durchsichtig und daher weniger auffällig.

Wenn die Farbpalette Ihrer Marke keine leuchtenden Farben enthält, können Sie Ihre Call-to-Action-Buttons einfach vergrößern, um sie hervorzuheben, wie in diesem Beispiel von Under Armour.

Eine gute Faustregel ist, die Schriftstärke Ihres CTA schwerer zu halten als Ihr Klartext, aber leichter als Ihre erste Überschrift. Schaltflächen sind viel leichter zu erkennen und anzuklicken als Hyperlinks, sodass Sie bei der Verwendung in allen Arten von kommerziellen E-Mails nichts falsch machen können.

Eine unterstützende Kopie ist nicht immer notwendig – sie lässt eine Seite oder E-Mail etwas überladener erscheinen, aber Sie brauchen sie, wenn Ihr CTA einen Kauf impliziert. Dann können „Geld-zurück-Garantie“ oder „14 Tage kostenlos testen“ die Zweifel der Nutzer zerstreuen und letztendlich Ihre Conversion-Rate steigern.

Prinzip 6. Vertrauen gewinnen

Social Proof kann der Schlüssel zum Herzen Ihres Publikums sein, wenn Sie ihn richtig einsetzen. Wir haben bereits in unserem Blog darüber gesprochen, wie Sie Kundenfeedback sammeln können – stellen Sie sicher, dass Sie positive Bewertungen haben, mit denen Sie beginnen können.

Beschränken Sie sich nicht auf Logo-Leisten – sie zeigen kaum die Marken, mit denen Sie zusammengearbeitet haben, nicht ihre Einstellung zu Ihrem Unternehmen. Wir empfehlen, aus dem Testimonial jedes Kunden eine kleine Erfolgsgeschichte zu machen. Je berührender, vielfältiger und authentischer Ihr Social Proof ist, desto vertrauenswürdiger erscheint er. Fügen Sie echte Namen, Berufe und Fotos Ihrer Kunden hinzu, wenn diese bereit sind, diese zur Verfügung zu stellen. Aber was noch wichtiger ist, bitten Sie sie, ihre wahren Eindrücke und Emotionen zu beschreiben, die durch Ihr Produkt oder Ihre Dienstleistung ausgelöst wurden.

Working Against Gravity ist ein Online-Ernährungscoaching-Programm, und ihre Kunden scheuen sich nicht, ihre beeindruckenden Transformationsgeschichten mit Vorher-Nachher-Fotos zu teilen.

Eine weitere Möglichkeit, das Vertrauen der Kunden zu gewinnen, besteht darin, sie an das Erbe und die reiche Geschichte Ihrer Marke zu erinnern. Das ist die Art und Weise, wie Sergio Tacchini, eine Modemarke für Sportbekleidung, bevorzugt.

Wenn Ihr Unternehmen auf lokaler oder globaler Ebene einen kulturellen Einfluss hat, können Sie diese Tatsache auch in eine spannende Geschichte verwandeln. Marken mit Geschichte ziehen Menschen an, weil sie ihre Zuverlässigkeit und Integrität sowie ihr Engagement für Qualität zeigen.

Prinzip 7. Schaffen Sie ein reibungsloses Erlebnis

Die Benutzererfahrung beginnt mit der Ladegeschwindigkeit Ihrer Inhalte. Wenn Sie vermuten, dass Ihre Zielseite zu umfangreich ist und Ihre Conversions behindert, raten Sie nicht, sondern überprüfen Sie sie einfach mit Google PageSpeed ​​Insights.

Das nächste Beispiel wird Sie davon überzeugen, dass Sie eine schöne und farbenfrohe Website erstellen können, ohne sie mit Spezialeffekten und anderen schweren Elementen vollzustopfen.

Bombas ist ein Unternehmen, das strapazierfähige Socken, Unterwäsche und Hemden herstellt. Außerdem unterstützen sie Obdachlose, indem sie von jedem getätigten Einkauf einen Artikel spenden. Dieses unglaublich zweckorientierte Geschäft hat das Einkaufen von Unterwäsche irgendwie angenehmer gemacht, dank seiner einfachen und intuitiven Website, die einfach Spaß macht.

Sie müssen auch Ihre Inhalte analysieren und sie benutzerfreundlich und mobil gestalten. Verwenden Sie Formulare mit nur einem Feld, einspaltige Layouts und responsives Design, damit Ihre E-Mails und Seiten auch unterwegs leicht lesbar sind. Denken Sie daran, dass mehr als die Hälfte aller E-Mails auf einem mobilen Gerät geöffnet werden.

Es gibt einen Weg, um absolut sicher zu sein, dass Ihre E-Mails auf jedem Gerät und sogar bei langsamen Internetgeschwindigkeiten korrekt angezeigt werden – Sie können die Einfachheit annehmen und Ihren Inhalt absichtlich von Schnörkeln und sperrigen Elementen befreien.

Es gibt einen klaren Trend zu Klartext-E-Mails, die ein unvollkommenes, natürliches Gefühl vermitteln, daher wird es auch eine kluge stilistische Wahl sein. Saubere, minimalistische E-Mails sorgen für ein reibungsloses Erlebnis und treiben Ihre Benutzer sanft zum Konvertieren an, ohne sie zu überfordern.

Alles zusammenbinden

Befolgen Sie diese sieben Prinzipien des konversionsorientierten Designs und verleihen Sie Ihren Inhalten ein harmonisches, ausgewogenes Erscheinungsbild, während Sie gleichzeitig neue Leads gewinnen und Ihren Kundenstamm vergrößern. Sie können auch SendPulse-Tools ausprobieren, um das gerade Gelernte umzusetzen.

Wie wäre es, mit unserem Drag-and-Drop-Landingpage-Builder zu beginnen? Sie können jede unserer Vorlagen anpassen und Konvertierungsmonster erstellen, indem Sie nur die Elemente einfügen, die Sie benötigen. Oder steigern Sie Ihre E-Mail-Marketingkampagnen mit unserem codefreien E-Mail-Builder und Automatisierungsservice. Mit unseren Tools erhalten Sie genügend kreative Freiheit und eröffnen neue Wege, um Ihre Conversion-Raten zu steigern!