16 Beispiele für „Kontaktieren Sie uns“-Seiten

Schreckt die Kontaktseite Ihrer Website Besucher ab?

Richtig gemacht – kann eine Kontaktseite eine Quelle für großartige Leads und bahnbrechende Möglichkeiten sein.

Es ist auch eine Seite, die viele Website-Besitzer vernachlässigen. Wenn Sie Ihre Kontaktseite nicht optimieren, verpassen Sie buchstäblich Chancen.

Heute zeigen wir Ihnen die besten Beispiele und Tipps für Kontaktseiten. Egal, ob Sie eine neue Website erstellen oder schon seit Jahren eine haben – es ist nie zu spät, Ihre zu verbessern.

Kontaktseite mit großartigem Design

Das Design einer Kontaktseite sollte benutzerfreundlich sein und Besucher ermutigen, mit Ihnen in Kontakt zu treten.

Hier sind einige gut gestaltete Beispiele.

1. Focus Lab

Was sie gut machen: Bieten ein einladendes ‚Lücken füllen‘ Format an.

Diese Agentur-Kontaktseite lässt ihre Besucher bestimmte Fragen beantworten, indem sie die Leerzeichen ausfüllen. Das funktioniert aus mehreren Gründen gut.

Erstens sieht es einladend aus. Zweitens stellt es sicher, dass sie bereits in der ersten Nachricht alle wichtigen Informationen erhalten, die sie von einem Kunden benötigen.

Indem Sie von Anfang an nach einem geschätzten Budget und Zeitplan fragen, müssen Sie keine Zeit mit Hin-und-Her-E-Mails verschwenden. Sie können beurteilen, wie ernst es ein Kunde meint, und können die Antworten an diejenigen mit dem größten Potenzial priorisieren.

2. Nuud

Was sie gut machen: Halten die Dinge minimalistisch.

Oft ist einfach am besten. Ein grundlegendes Layout ohne Ablenkungen macht es Benutzern leicht, ihre Nachricht zu übermitteln.

Die Öko-Deodorant-Marke Nuud hält ihre Kontaktseite sehr minimalistisch. Ein einfaches Formular sammelt wichtige Daten und lässt Besucher ihre Anfragen in ein Textfeld eingeben.

3. Yeti

Was sie gut machen: Auffällige Bilder und klare Kategorien.

Yetis Kontaktseite beginnt mit einem auffälligen Header-Bild, das die Outdoor-Botschaft der Marke in Sekunden vermittelt.

Um den Empfang wiederholter Fragen von Besuchern zu reduzieren, bietet Yeti auch Ressourcen wie Produkt-FAQs und Versandinformationen an. Jede wird auf der Seite mit einem klaren Logo angezeigt.

Wenn ein Besucher immer noch nicht die Antwort findet, die er sucht, kann er nach unten scrollen, um per E-Mail Kontakt aufzunehmen.

4. McDonald’s

Was sie gut machen: Freundliche Bilder.

Der erste Eindruck ist immer wichtig. Deshalb hat sich McDonald’s die Mühe gemacht, einen lächelnden Manager mit dem ikonischen goldenen Gelb zu zeigen, für das die Marke bekannt ist.

Es ist einladend und freundlich. Von dort aus können Sie auch Ihre Anfrage als lebensmittelbedingt, servicebezogen usw. kategorisieren.

5. Jayne May Agnes

Was sie gut macht: Stellt die wichtigen Fragen.

Hier ist ein weiteres Beispiel für ein Kontaktformular, das Ihnen viel Hin und Her erspart.

Jeder, der mit dieser freiberuflichen Fotografin in Kontakt tritt, muss wichtige Fragen beantworten, wie z.B. was ihre Traum-Hochzeit ist und wie sie auf die Fotografin aufmerksam wurden.

Sie müssen sogar die Details Ihres Partners ausfüllen. Diese Art von Formular sollte ausreichen, um jeden auszufiltern, der es nicht ernst meint, die Dienstleistungen der Freiberuflerin zu nutzen.

Kontaktseite mit großartigen Texten

Starkes Content-Writing kann eine Kontaktseite über ein langweiliges Formular hinaus transformieren. Hier sind einige Beispiele für Kontaktseiten mit großartigen Texten.

6. Nebular Agency

Was sie gut machen: Prägnantes Schreiben.

Nebulars Kontaktseite ist vom Format her ziemlich minimalistisch: ein einfaches und effektives Formular.

Ihr kleiner Absatz unter dem ‚Kontakt‘-Banner ist jedoch charmant und begrüßt sowohl positives als auch negatives Feedback. Benutzer müssen einfach ihre Details hinterlassen und ihre ‚tolle Nachricht‘ in die Textbox eingeben.

7. Middle Finger Project

Was sie gut machen: Freche Texte.

Diese Leute haben eine der ungewöhnlichsten Kontaktseiten überhaupt. Tatsächlich ist es fast unwiderstehlich, sie auszufüllen.

Sie hat einige Dropdown-Menüs, aus denen Sie auswählen müssen, bevor Sie Ihre Nachricht eingeben können.

Jedes hat einige verrückte und ziemlich lustige Optionen – zum Beispiel können Sie sie bitten, zu versprechen, ‚Ihre E-Mail-Adresse nicht an Satan weiterzugeben‘. Sie müssen sogar eine Verabschiedung auswählen, von ‚XOXO‘ und ‚High Five‘ bis zu ‚Irish Jig‘.

8. David Folger Young

Was er gut macht: Schneidet den ganzen Unsinn ab.

Die Kontaktseite dieses Copywriting-Portfolios widerspricht vielleicht den anderen Beispielen in diesem Artikel, aber ich kann nicht anders, als sie trotzdem zu mögen. Sie gibt Ihnen eine Vorstellung davon, in welche andere Richtung Sie gehen können.

Sie zeigt eine Wortsparsamkeit in der wahren Art des Texters und ist irgendwie erfrischender als etwas Langweiliges und Unternehmensartiges. Es zeigt, dass eine Kontaktseite nicht immer ausgefallen sein muss – sie muss einfach nur existieren.

9. Valve

Was sie gut machen: Humanisieren ihr Kontaktteam.

Die Hauptstärke des Videospielentwicklers Valve sind die individuellen Talente ihres Teams. Und ihre Kontaktseite spiegelt dies wider.

Sie können tatsächlich eine Liste ihrer Mitarbeiternamen und Beschreibungen sehen. Wenn Sie eine Nachricht senden möchten, zeigt die Seite ihre individuellen Namen an – z.B.: ‚Sie mailen Fred Fredderson‘.

Es verleiht dem Ganzen eine schöne persönliche Note und erinnert Sie daran, dass Sie mit einem echten Menschen in Kontakt treten.

Kontaktseite mit cleverer Benutzerfreundlichkeit

Hier sind einige Beispiele für Kontaktseiten, die clever zusammengestellt wurden.

10. Grant Thornton

Was sie gut machen: Filtern von Empfängern.

Die Kontaktseite des Buchhaltungs- und Beratungsunternehmens Grant Thornton ist auf ihr Publikum von Berufstätigen zugeschnitten.

Bei der Übermittlung der Nachricht müssen Sie Ihren spezifischen Berufstitel aus einem Dropdown-Menü auswählen. Ob Sie Vorsitzender oder CEO sind – sie wissen genau, mit wem sie sprechen. Zweifellos kann dies ihnen helfen, Antworten zu priorisieren.

11. Accenture

Was sie gut machen: Halten die Dinge kompakt.

Accenture verwendet ein praktisches Listenformat, das sich nach unten erweitert, um weitere Informationen zur Kontaktaufnahme zu zeigen. Jede richtet sich an eine bestimmte Art von Stakeholder – z.B. Lieferanten oder Arbeitssuchende.

Dies hilft, eine sauberere Benutzeroberfläche zu bieten, da Sie nur auf die Abschnitte klicken müssen, die für Sie relevant sind.

12. WeWork

Was sie gut machen: Bieten eine ganze Reihe von Kontaktmethoden an.

WeWork lässt Benutzer klar alle verschiedenen Methoden sehen, um mit ihnen in Kontakt zu treten – sei es über das Online-Formular, per Telefon, Live-Chat oder durch den Besuch des Hilfezentrums.

Ihr Dropdown-Menü lässt Sie angeben, woran Sie interessiert sind (z.B. ‚einen Arbeitsplatz finden‘) und die Größe Ihres Unternehmens.

Zusammen sollte diese Kontaktseite eine Lösung für JEDEN Besucher bieten, der Kontakt aufnehmen möchte.

13. Taco Bell

Was sie gut machen: Fragen die Leute, wie sie angesprochen werden möchten.

Es gibt einige Dinge, die wir an Taco Bells Kontaktseite mögen. Zum Beispiel – die Überschrift ist eingängig, und Sie können leicht Feedback zu bestimmten Restaurants geben (und sogar die Adresse der Filiale angeben).

Aber das Beste? Es fragt Besucher, ob sie überhaupt eine Antwort wünschen. Durch Klicken auf ‚Keine Antwort benötigt‘ können Besucher klar angeben, ob sie eine Antwort von Ihnen erwarten.

Kontaktseite mit FAQs

Viele Website-Besitzer erhalten E-Mails von Kunden, die alle die gleichen Fragen stellen.

Die Zusammenstellung eines Abschnitts mit häufig gestellten Fragen (FAQ) kann eine hilfreiche Möglichkeit sein, sich wiederholende Nachrichten zu reduzieren.

14. XE

Was sie gut machen: Großartige FAQ am Anfang der Seite.

Der Währungskonverter XE hat eine gut aussehende FAQ, die in verschiedene Kategorien unterteilt ist, ähnlich wie eine Wissensdatenbank. Diese FAQ steht am Anfang des Kontaktbereichs, sodass Benutzer leicht durchscrollen können, um Antworten zu finden.

Wenn sie immer noch eine Frage haben, können sie dann Kontakt aufnehmen, indem sie zur sekundären Registerkarte auf der Website wechseln.

Kontaktseite muss mobilfreundlich sein

Immer mehr Menschen surfen über ein mobiles Gerät im Internet. Google bevorzugt auch mobilfreundliche Websites und verwendet dies als Ranking-Faktor für Suchen.

Daher ist es unglaublich wichtig, dass ALLE Seiten Ihrer Website mobilfreundlich sind.

Für eine Kontaktseite kann dies beinhalten:

• Vereinfachung der Navigation.
• Kurzen und prägnanten Text.
• Sicherstellen, dass Ihre Schaltflächen und Formularfelder groß genug sind.

Wenn Sie einen Website-Builder verwenden, um Ihre Website zu erstellen, ist es wichtig, dass Sie einen wählen, der Ihnen die Kontrolle darüber gibt, wie Ihre Website auf jedem Gerät aussieht (wie diese Website-Builder, die wir getestet haben).

Alternativ, wenn Sie Ihre Website bereits mit WordPress eingerichtet haben – erwägen Sie die Verwendung eines Plugins wie Elementor, das erweiterte Funktionen für ‚mobilresponsive Bearbeitung‘ bietet.

Hier sind 2 Beispiele für großartige Kontaktseiten, die mobilfreundlich sind..

15. Patagonia

Wenn Ihre Website viele Informationen enthält, kann es besonders schwierig sein, sie für mobile Geräte anzupassen.

Die Bekleidungsmarke Patagonia macht dies sehr gut, indem sie eine Suchleiste integriert, die Benutzern hilft, durch diesen Teil der Website zu navigieren.

Der Rest der Kontaktseite wurde für die mobile Ansicht angepasst. Der Text ist groß und in klare Abschnitte unterteilt, durch die gescrollt werden kann. CTA-Schaltflächen sind groß und leicht mit dem Daumen zu drücken. Zoomen ist nicht erforderlich.

16. Noble Coyote Coffee

Dieses Café in Dallas hat alle Teile ihrer Kontaktseite responsiv gestaltet.

Da die Formularfelder groß sind, können die Leute sie leicht auf ihren Telefonen ausfüllen. Sie haben auch eine Google Maps-Integration – durch Tippen auf die Karte erhalten Sie Fahrtanweisungen zu ihrer Filiale.

Warum Kontaktseiten so verdammt wichtig sind

Eine Kontaktseite ist eine der Pflichtseiten für jede Website.

Ihre Homepage mag Ihr Highlight sein, aber Ihre Kontaktseite ist oft der Ort, an dem die wahre Magie geschieht.

Hier klopft die Gelegenheit an. Hier…

• kommen Medienanfragen rein.
• geben Kunden Feedback.
• melden sich Marken für Kooperationen.
• fragen potenzielle Kunden nach Ihren Produkten/Dienstleistungen.

Eine großartige Kontaktseite hilft Ihnen nicht nur, TOLLE Leads zu bekommen, sondern spart auch Hin-und-Her-E-Mails und reduziert Spam.

Was eine Kontaktseite haben muss

Um die Elemente einer GROSSARTIGEN Kontaktseite zu verstehen, ist es hilfreich, Beispiele anzusehen.

Wir haben das Internet nach herausragenden Kontaktseiten durchsucht und einige Trends unter ihnen festgestellt. Sie:

1. Sind sehr benutzerfreundlich.
2. Können leicht auf der Website gefunden werden.
3. Haben starke Visuals und einladenden Text.
4. Enthalten alle wichtigen Details, die jemand benötigen würde.
5. Arbeiten daran, Spam durch FAQ oder Datenfilterung zu reduzieren.

Was Sie auf einer Kontaktseite nicht tun sollten

Vermeiden Sie diese wichtigen Fehler auf Ihrer Kontaktseite, da Sie riskieren, die Aufmerksamkeit und das Vertrauen der Besucher zu verlieren:

1. Verwenden Sie keine schlechte Grammatik

Unironisch schlecht geschriebene Texte können Ihr Ranking beeinflussen. Und, am offensichtlichsten, Ihre Glaubwürdigkeit.

Halten Sie Ihren Text einfach, verständlich und freundlich für den durchschnittlichen Besucher. Es kann hilfreich sein, einen guten Grammatikprüfer zu verwenden.

2. Machen Sie es nicht schwer zu lesen

Machen Sie Ihre Kontaktseite nicht schwer anzusehen! Einige große No-Nos, die wir oft sehen:

• Seiten, die langsam laden (überprüfen Sie mit unserem Server-Geschwindigkeitstest).
• Text, der auf einem Hintergrund schwer zu lesen ist.
• Überladung mit langweiligen generischen Stockfotos.

Denken Sie daran, Ihre Kontaktseite spiegelt Ihr Website-Branding wider. Tun Sie ihr Gerechtigkeit!

3. Vergraben Sie keine wichtigen Informationen

Ihre Aufgabe ist es, es großartigen Leads leicht zu machen, Sie zu finden. Legen Sie ihnen also keine Hindernisse in den Weg.

Zum Beispiel – das untenstehende Beispiel einer Kontaktseite bittet Leute, eine E-Mail an ihr Gmail-Konto zu senden, ohne die eigentliche E-Mail-Adresse anzugeben.

Ihre Leser zu bitten, Ihre E-Mail-Adresse zu erraten, wird wahrscheinlich nicht gut enden.