21 Tipps, Tricks und Beispiele für eine rockige Kontaktseite

Wussten Sie, dass die Kontaktseite für viele Websites mehr Seitenaufrufe erhält als jeder andere Abschnitt? Dies gilt insbesondere für Agenturen und Auftragnehmer.

Während viele Websites eine Kontaktseite als kurze Überlegung aufrufen, sollten Sie Ihrer Kontaktseite viel mehr Zeit und Sorgfalt widmen, da für viele Marken, dies ist der Beginn Ihrer Beziehung zu potenziellen Kunden.

Heute bieten wir einige Best Practices für Kontaktseiten an und sehen uns Beispiele für unglaubliche Kontaktseiten an, die verschiedene Stile zeigen, die auf unterschiedlichen Zielgruppen und Absichten basieren

Schauen wir uns zunächst…

an Best Practices für die Kontaktseite:

  • Achten Sie auf Ihre Fragen und Antworten: Selbst kleine Grammatikfehler können Besucher anschreien. Sie sollten Ihre Kontaktseite mit einem feinen Kamm durchgehen.
  • Halten Sie es einfach: Sie möchten nicht zu viele Barrieren zwischen den Besuchern der Website und setzen die Kontaktinformationen, die sie suchen. Halten Sie Ihre Kontaktseite kurz, bündig und auf den Punkt.
  • Geben Sie den Menschen, was sie wollen: Ich hasse Kontaktformulare – irgendwie habe ich nur das Gefühl, wenn ich sie ausfülle Eins raus, ich werde nie etwas von ihnen hören. Es fühlt sich auch so an, als wäre ich irgendwie nicht vertrauenswürdig und verdiene keine echte E-Mail-Adresse. Wenn Sie eine echte E-Mail-Adresse angeben, sind Sie natürlich für potenzielle Spammer geöffnet. Wie auch immer Sie sich entscheiden, Ihre Kontaktseite einzurichten, stellen Sie sicher, dass es für die Leute äußerst einfach ist, mit Ihnen in Kontakt zu treten. Wenn Sie ein Kontaktformular verwenden, fragen Sie nur nach dem Nötigsten (Name, E-Mail-Adresse und deren Nachricht). Ich habe Kontaktformulare gesehen, für die obligatorische Postanschriften und Telefonnummern erforderlich sind. Formulare wie diese sind ein großes Problem.
  • Wunderschön aussehen: Wenn Benutzer Ihre Kontaktseite besuchen, beginnen sie eine Beziehung mit Ihnen. Sie möchten mehr über Sie erfahren, und das Design und der Stil Ihrer Kontaktseite werden Teil ihres ersten Eindrucks sein. Behalt das im Kopf! Schauen Sie sexy aus, machen Sie diese Leser so aufgeregt, Sie zu kontaktieren!
  • Zeigen Sie Ihre Persönlichkeit: Wie oben erwähnt, möchten Benutzer, die Ihre Kontaktseite besuchen, mehr darüber erfahren Sie. Überlegen Sie, wie Ihre Kopie Ihre Markenpersönlichkeit widerspiegeln soll. Wenn Ihr Publikum eine lockere, lebenslustige Menge ist, sollten Sie einen unbeschwerten, sogar komischen Ton für Ihre Kontaktseite in Betracht ziehen.

MEHR: Probieren Sie den KOSTENLOSEN WordStream Landing Page Grader

Beispiele für Kontaktseiten: Die Großen und Nicht-So-Großen

Schauen wir uns einige Beispiele aus der Praxis an. Wir bewerten diese Beispiele für Kontaktseiten auf einer Skala von 1- 10. 10 ist ein Stück Perfektion auf der Kontaktseite, 5 ist in Ordnung und 1 ist „Verbrenne es zu Boden“. Lassen Sie mich wissen, wenn Sie mit meiner Wertung einverstanden sind!

Unser erstes Beispiel stammt von CoolApps. Die Kontaktseite bietet ein schnelles und einfaches Kontaktformular, eine E-Mail-Adresse, die Sie bei Bedarf verwenden können, und verschiedene Social-Media-Schaltflächen, falls Sie sie lieber über ein soziales Netzwerk Ihrer Wahl kontaktieren möchten.

Was diesen wirklich auszeichnet, ist natürlich der Stil und der bezaubernde Charme. Es macht sehr viel Spaß!

Ergebnis: 8. Sieht fantastisch aus, hat viele Kontaktoptionen und zeigt Persönlichkeit.

Unser nächstes Beispiel von Black Sheep zeigt eine Kontaktseite, auf der ein Stil und ein Design verwendet werden, die zum Rest der Website passen. Es ist sauber, auf den Punkt und sieht gut aus!

Ergebnis: 6. Einfach, stilvoll und passt zum Thema.

Als nächstes haben wir eine Kontaktseite von ViperChill, einer Website, die von dem beliebten Marketing-Außenseiter Glen betrieben wird. Bevor Glen seine E-Mail-Adresse austeilt, bietet er eine FAQ zur Beantwortung häufig gestellter Fragen der Besucher. Dies hilft ihm, Zeit zu sparen und verhindert, dass er von unnötigen E-Mails überfordert wird.

Während Agenturen und Dienstleistungsunternehmen möglicherweise hungrig nach E-Mails sind, arbeiten Personen, die sich als persönliche Marke bewerben, häufig mit einem Team von einer. Sie können keine E-Mail-Kontakte sammeln und horten und müssen stattdessen viel gezielter mit ihrer Zeit umgehen.

Punktzahl: 6. Intelligente Verwendung der Informationshierarchie zur Beantwortung von Benutzerfragen, bevor sie eine E-Mail senden.

JetBlue bietet ein weiteres Beispiel für eine gut gestaltete Kontaktseite. Wie im obigen Beispiel bietet JetBlue einen direkten Link zu beliebten Hilfethemen und Antworten. Für diejenigen, deren Fragen im Themenbereich nicht beantwortet werden, stehen unten Kontaktoptionen für E-Mail und Telefonnummer zur Verfügung. Diese Seite passt auch gut zum größeren JetBlue-Design und Farbschema der Marke.

Punktzahl: 7.Mit JetBlue können Sie ganz einfach Informationen aus häufig gestellten Fragen oder per E-Mail oder Telefon abrufen und dabei einen Stil beibehalten, der die Besucher beruhigt.

In Bezug auf die Funktionalität ist die Kontaktseite von Mashable nicht die schlechteste. Es enthält alle Informationen, die Sie benötigen, um mit Mashable-Leuten in Kontakt zu treten, mit einem Kontaktformular und spezifischeren E-Mail-Adressen unten.

Schockierend ist, wie abscheulich diese Seite aussieht. Kein Stil, kein Charakter, überhaupt keine Persönlichkeit. Wenn Sie diese Kontaktseite gerade gesehen haben, würden Sie nie vermuten, dass Sie sich eine der beliebtesten Websites im Web angesehen haben! Warum so monströs? Wer weiß? Vielleicht unterhält Mashable absichtlich eine hässliche Kontaktseite, damit ihre E-Mail-Posteingänge nicht so überflutet werden.

Punktzahl: 2. Hässlich, langweilig und für Mashable ungeeignet.

Diese minimalistische Kontaktseite von Mostly Serious ist ein großartiges Beispiel für ein klares, klares Design. Selbst mit so wenigen Kopien schafft es Mostly Serious immer noch, einen Hauch von Humor und Persönlichkeit hinzuzufügen.

Punktzahl: 7. Mostly Serious schafft es, dieses ultra-minimalistische Design durchzuziehen, ohne das Element des Spaßes zu vernachlässigen.

Code Quest bietet eine weitere gut ausgeführte Kontaktseite mit einem auffälligen Design , lustige Grafiken und eine Portion Persönlichkeit. Code Quest bietet auch eine Karte mit ihren Standorten. Dies ist eine gute Idee, wenn Ihr Unternehmen lokal ausgerichtet ist.

Ergebnis: 8. Code Quest ist freundlich, bequem und präzise und macht es richtig.

Diese Kontaktseite von QuickSprout ist besonders einzigartig und enthält eine scrollende Infografik, in der erklärt wird, wie viel E-Mail Neil Patel erhält jeden Tag und wie wenig Zeit er hat, um sie alle zu lesen! Sie erreichen Neils Kontaktformular erst, nachdem Sie durch diese Infografik gescrollt haben. Wie das ViperChill-Beispiel von früher muss Neil in der Lage sein, alle nicht zusammenhängenden Abfragen herauszufiltern, um Zeit zu sparen.

Punktzahl: 8. Vielleicht denken die Leute nach dem Auschecken dieser Infografik zweimal nach, bevor sie Leute wie Neil spammen! Diese Kontaktseite ist lehrreich und funktional.

Diese Kontaktseite der Harpoon Brewery enthält viele Informationen, aber sie leistet gute Arbeit beim Aufbau einer Informationshierarchie. Oben finden Sie die Adresse und Telefonnummer sowie Anweisungen und Parkanweisungen. Dies sind wahrscheinlich die Informationen, die die meisten Menschen auf einer Brauereikontaktseite suchen.

Neben diesen hochwertigen Informationen finden Sie Benachrichtigungen zu besonderen Ereignissen oder Stundenänderungen in der Brauerei. Nachfolgend finden Sie weitere Informationen zu den Öffnungszeiten für die Brauereihalle.

Punktzahl: 6. Viele Informationen, die Besucher der Harpoon-Brauerei möglicherweise für ihren Besuch benötigen.

Für ein Unternehmen, bei dem es um elegantes, innovatives Produktdesign und -stil geht, ist die Kontaktseite von Apple unerwartet einfach. Nichts deutet darauf hin, dass es sich um eines der bekanntesten Unternehmen der Welt handelt! Komm schon Apple, wir wissen, dass du es besser machen kannst. Was gibt es?

Punktzahl: 3. Nicht die Art von Design, die wir von den Entwicklern des iPhone erwarten würden.

Es sollte wirklich keine große Überraschung sein, dass Ticketmaster eine gottesfürchtige Kontaktseite hat, aber Sie würden immer noch denken, dass eine Website, die sich fast ausschließlich mit Online-Bestellungen und befasst verdient so viel Geld, dass ein wenig mehr Aufmerksamkeit auf ihrer Kontaktseite gespart werden könnte.

Das riesige, unattraktive, lächerlich fehl am Platz aussehende Bannerbild ist nur eine weitere Möglichkeit, wie Ticketmaster Ihnen keinen Gefallen tut.

Punktzahl: 2. Seltsamerweise unattraktiv, benötigt diese etwas Arbeit.

Dropbox bietet ein weiteres Beispiel für eine wirklich hochwertige Kontaktseite. Die Mini-Symbole passen perfekt zum großen Design von Dropbox und sorgen für eine zusammenhängende Benutzererfahrung. Ich weiß auch zu schätzen, wie Dropbox Ihren Namen in die Kopie einfügt (vorausgesetzt, Sie sind angemeldet), um die Personalisierung hinzuzufügen. Sie haben eher das Gefühl, ein Gespräch mit Dropbox zu führen, als ein wütendes Geschwätz oder eine stressige Antwortsuche.

Ergebnis: 8. Diese beruhigende und freundliche Seite ist eine Kontaktseite, die es wert ist, gespeichert zu werden

Diese Kontaktseite von Grover Web Design ist freundlich, einladend und bietet eine Verschiedene Möglichkeiten, das Unternehmen per E-Mail, Telefon, Kontaktformular, sozialen Medien oder sogar persönlich zu kontaktieren.

Punktzahl: 7. Diese Seite ist niedlich und schnell und liefert mit ein wenig das, was Sie brauchen lächeln.

Coca-Cola macht etwas ziemlich Geniales mit ihrer Kontaktseite – sie setzen ein Fenster des virtuellen Chat-Agenten vorne und in der Mitte.

In unserer Online-Ära chatten viele Benutzer lieber online mit einem Help-Agent, als persönlich anzurufen. Coca-Cola kennt die demografische Situation und bietet eine schnelle und einfache Möglichkeit, Hilfe zu erhalten.

Direkt unter dem Chat-Fenster befinden sich häufig gestellte Fragen (FAQ) und andere Kontaktmöglichkeiten, mit denen Benutzer die Kontaktmethode ihrer Wahl erhalten.

Ich bin mir nicht sicher, wie ich die dazugehörige Foto-Diashow neben dem Chat-Fenster finde. Es scheint ziemlich sinnlos und fehl am Platz zu sein, aber es könnte eine Methode für den Wahnsinn geben, da ein bezauberndes Foto eines Golden Retriever sicherlich jede unmittelbare Wut der Verbraucher verringern würde, die ich austeilen möchte. Schau ihn dir an … so süß!

Punktzahl: 8. Mit diesem kreativen Ansatz zeigt Coca-Cola, dass sie ihr Publikum kennen.

Princess Cruises bietet uns ein weiteres Beispiel für eine nicht so hervorragende Kontaktseite. Ähnlich wie im Apple-Beispiel von früher passiert hier einfach nichts sehr Interessantes. Dies ist jedoch nicht der einzige Grund, warum diese Seite schlecht ist – es gibt auch eine wackelige Informationshierarchie.

Der oberste Abschnitt der Kontaktinformationen hat mit der Buchung einer Kreuzfahrt zu tun. Zugegeben, ich kenne das Publikum von Princess Cruises nicht, aber ich bezweifle wirklich, dass viele Leute Kreuzfahrten nicht mehr anrufen, um Reisen zu buchen, anstatt online zu buchen.

In den nächsten Abschnitten finden Sie Informationen, die Ihnen bei der Bestellung einer Broschüre helfen (Menschen immer noch) Tun Sie dies?), informieren Sie sich über Trinkgeld und Alkoholpolitik an Bord (dieses YouTube-Video über das Wiederverschließen von Wasserflaschen sollte Ihnen helfen) und informieren Sie sich über verfügbare Stellen. Der allerletzte Abschnitt enthält schließlich eine E-Mail-Adresse für Personen, die Feedback hinterlassen oder Fragen zu ihren bisherigen Kreuzfahrten stellen möchten. Ich finde es ziemlich bizarr, dass solche wichtigen Informationen ganz unten auf der Seite unter der Falte vergraben sind. In meinen Augen würde ich erwarten, dass die E-Mail-Adresse der Kundenunterstützung genau das ist, wonach ein großer Teil der Besucher auf der Kontaktseite sucht.

Punktzahl: 2. Diese Informationshierarchie in dieser ist vollständig

Viele Kontaktseiten sind langweilig und langweilig, aber The Band Agency zeigt das muss nicht der Fall sein. Diese Kontaktseite ist mein Favorit unter allen hier gezeigten. Die wichtigen Informationen sind leicht verfügbar und werden geschickt über eine Karte ihres physischen Standorts gelegt. Die Parade der silhouettierten Tiere fügt eine schöne und liebenswerte Qualität hinzu, die diese Site von den anderen unterscheidet!

Punktzahl: 10. Entzückend, charmant und funktional, diese Kontaktseite bietet alles!

Write a Comment

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.