25 Beispiele für die besten Kontaktseiten zur Inspiration (aktualisiert für 2020)
Kontaktieren Sie uns Seiten. Jeder hat sie, braucht sie, aber achten Sie wirklich auf die Strategie hinter ihnen?
Es ist wahr, nicht wahr? Eine der wertvollsten Seiten Ihrer Website ist normalerweise ein nachträglicher Gedanke.
Es ist eines dieser Dinge, die vorhanden sein müssen, aber oft genug werfen Sie die erforderlichen Informationen auf und belassen es dabei.
Was für eine Verschwendung!
Der Seitenname selbst ist ein Aufruf zum Handeln. Behandeln Sie es mit etwas Respekt.
Kontaktseiten sind oft die Anlaufstelle für einen neuen Besucher auf einer Mission. Dort gehen sie hin, wenn sie eine Frage haben und wirklich mit einer Person in Ihrem Unternehmen sprechen möchten.
Sie dienen dem Benutzer, um dem Benutzer Informationen darüber zu liefern, wie er Kontakt aufnehmen kann mit Ihnen.
Das Ziel jeder Kontaktseite ist die Konvertierung, indem die Methode (n), mit einem Unternehmen so schnell wie möglich in Kontakt zu treten, klar und effektiv dargestellt werden.
Hier Es gibt einige bewährte Methoden, die Sie bei der Erstellung Ihrer nächsten Kontaktseite beachten sollten:
- Beginnen Sie mit einer Kopie, erklären Sie, warum der Benutzer Sie kontaktieren sollte, und fordern Sie ihn dazu auf.
- Vermeiden Sie unnötige Informationen. Der Zweck Ihrer Kontaktseite ist einer der direktesten. Wenn sich die Informationen nicht darauf konzentrieren, zu erklären, wie jemand direkt mit Ihnen kommunizieren kann, sollten sie nicht vorhanden sein.
- Bitten Sie nicht um unnötige Informationen. Halten Sie Ihre Formularfelder auf dem neuesten Stand und fügen Sie keine Fragen hinzu, für die Sie nicht sofort die Antworten benötigen, um den Benutzer auf seiner Reise zu unterstützen.
- Bieten Sie mehr als eine Möglichkeit, Sie zu kontaktieren. Manchmal möchten Benutzer mit Ihnen telefonieren oder live chatten, anstatt ein Formular auszufüllen. Geben Sie ihnen die Option, die Methode auszuwählen, mit der sie am besten vertraut sind.
- Personalisieren Sie so viel wie möglich. Verwenden Sie Funktionen wie intelligenten Inhalt und bedingte Logik, um die Seite an die Bedürfnisse des Benutzers anzupassen. Haben Sie andere Fragen für einen potenziellen Kunden als für einen Benutzer, der Unterstützung benötigt? Stellen Sie sicher, dass auf Ihrer Seite unabhängig von der Person die richtigen Fragen und Informationen angezeigt werden.
- Stellen Sie die richtigen Erwartungen ein. Versichern Sie dem Benutzer, dass Sie ihn wieder kontaktieren werden. Markieren Sie Ihre Antwortzeit oder teilen Sie ihnen mit, von wem sie hören werden.
Jetzt, da Sie wissen, was die besten Kontaktseiten sind, können Sie einige All-Star-Beispiele sehen?
Sie haben Glück. Ich habe diesen Artikel mit Hilfe unseres gesamten Designteams kuratiert!
Jeder von uns hat fünf unserer bevorzugten Kontaktseiten ausgewählt und wir lassen Sie wissen, warum es uns gefällt und was sie besser hätten machen können und einige solide Inspirationen für Ihre nächste Neugestaltung der Kontaktseite.
Ashleigh Respicio:
1. Marvel App
Was für ein lustiges Beispiel! Auf dieser Kontaktseite von Marvel kann der Benutzer ein einfaches, allgemeines Formular oder Segment selbst ausfüllen, um die spezifische Hilfe zu finden, die er benötigt (z. B. Verkauf, Presse oder Support).
Als Nächstes wird die echte Fotografie verwendet Im Abschnitt „Standort“ können Sie einer Marke ein Gesicht geben und einen Einblick in die Bürokultur des Unternehmens geben (Mitarbeiter, die anscheinend Spaß an ihrer Arbeit haben, sind von Vorteil).
ated Verwandte Themen: Der ultimative Leitfaden für Website-Redesign-Projekte für Unternehmen
In Bezug auf das Design hätte das Hinzufügen von visuellen Hinweisen dazu beigetragen, das Auge des Benutzers zu lenken und ihn unbewusst zu den Informationen unter der Falte zu bewegen.
Fazit: Zeigen Sie eine gewisse Persönlichkeit. Diese Seite hebt ihre Markenkultur sowohl durch Illustration als auch durch tatsächliche Fotografie hervor und macht sie überaus zugänglich.
2. Sleeknote
Anstatt nur ein Formular auszufüllen, bietet Sleeknote dem Benutzer auch Hilfe mit Links, die ihn auffordern, zusätzliche Informationen zu finden oder beliebte Maßnahmen ergreifen. . Sie haben auch besonders darauf geachtet, soziale Beweise mit vertrauenswürdigen Logos hinzuzufügen.
Optisch ist es großartig, dass die Form kurz ist und alle Informationen komprimiert organisiert sind, aber ein konsistenter Abstand zwischen den Elementen könnte sich verbessern die Erfahrung und das schnelle Scrollen zu anderen Bereichen der Seite.
Sie gehen sogar so weit, dass ein farbiger CTA am unteren Rand der Seite eingefügt wird, um den Benutzer mit einer kostenlosen Testversion weiter nach unten in den Trichter zu bewegen. Sie lassen diese Seite wirklich schwer heben!
Fazit: Machen Sie es, zögern Sie nicht, einen nächsten Schritt auf Ihrer Kontaktseite aufzunehmen. Sie haben ihre Aufmerksamkeit, verwenden Sie sie, um sie weiter in Ihren Trichter zu führen!
3. Zendesk
Zendesk hat mit seiner Kontaktseite alle wichtigen Anforderungen erfüllt und dabei ein sauberes Design beibehalten. . Sie enthalten ein Formular, eine Option zur Kontaktaufnahme mit dem Produktsupport sowie Standortinformationen mit einer Karte.
Obwohl die Seite alle grundlegenden Elemente enthält, fehlen die Farbtupfer und Grafiken, die wir auf der restlichen Website sehen, sowie visuelle Hinweise, um den Benutzer auf der Seite zum Rest der Informationen zu führen .
Fazit: Einfachheit geht weit. Ich möchte Sie ermutigen, dieses Beispiel als Ausgangspunkt zu verwenden, und mit einer zusätzlichen Persönlichkeit könnte Ihre Kontaktseite möglicherweise auf einer dieser Listen landen!
4. Freshworks
Freshworks verwendet ein subtiles Design, das einfach ist und dennoch wichtige Informationen effektiv hervorhebt.
Die einfache, kontrastreiche Schaltfläche „In Kontakt treten“ führt zu einem Formular, das in einem Leuchtkasten geöffnet wird. Dies ist eine hervorragende Möglichkeit, die Seite kurz und präzise zu halten und gleichzeitig alle wichtigen Funktionen zu aktivieren. Diese Art von Subtilität Eine unerwartete Mikrointeraktion kann einer ansonsten üblichen Kontaktseite einen erfrischenden Ansatz hinzufügen.
Während die Einfachheit der Seite erfrischend ist, fehlt ihr das Branding / die Persönlichkeit, die auf dem Rest der Website zu finden ist. Durch Hinzufügen von a Bei einigen der auf anderen Seiten verwendeten Abbildungen würde sich die Kontaktseite zusammenhängender und markenbezogener anfühlen.
Fazit: Präsentieren Sie Ihre Informationen auf einzigartige Weise. Der Leuchtkasten auf dieser Seite ist ungewöhnlich und einprägsam.
5. Kupfer
In diesem Beispiel ist klar, dass Kupfer besonderes Augenmerk auf Kupfer gelegt hat behalten ihre c Kontaktieren Sie uns auf einer Seite, die dem Erscheinungsbild ihrer gesamten Website entspricht.
Die verwendeten Farben stimmen mit der Marke überein, und die Bilder einer lächelnden Frau sind einladend und lässig, sodass sich die Menschen wohler fühlen, wenn sie mit ihnen in Kontakt treten eine Frage oder ein Feedback …
Fazit: Je zugänglicher Ihre Marke erscheint, desto besser kann der Benutzer interagieren.
Joe Rinaldi: 6. Stripe
Stripe aktiviert alle wichtigen Kontrollkästchen für eine erfolgreiche Kontaktseite. Es hat ein klares Design, das deutlich macht, wie man sein Team erreicht, und der Inhalt der Seite hat einen warmen und freundlichen Ton.
Was ich an dieser Seite am meisten liebe, ist, wie sie sich präsentieren Eine Handvoll der Unternehmen, mit denen sie zusammenarbeiten, direkt neben dem Formular. Die Präsentation von Unternehmen, die ihre Software verwenden, ließ mich denken: „Wenn diese großen Unternehmen Stripe vertrauen, warum sollte ich das nicht tun?“, Und hilft mir dabei, eventuelle Vorbehalte eines Besuchers gegenüber seinem Verkaufsteam zu lindern. Als ich diese Logos sah, dachte ich: “ Wenn diese großen Unternehmen Stripe vertrauen, warum sollte ich das nicht tun? “
Das größte Problem auf dieser Seite ist die Art der Kontaktinformationen, die dem Benutzer zur Verfügung stehen. Das Formular ist großartig, aber Benutzer haben keinen Zugang zu Standort oder Telefonnummern.
Fazit: Soziale Beweise sind RIESIG. Wenn Sie es haben, stellen Sie es zur Schau! Das Hinzufügen dieses zusätzlichen Vertrauenselements direkt neben einem Konvertierungspunkt ist ein Gewinn.
7. Yeti
Yeti ist stolz darauf, qualitativ hochwertige Getränke und Kühler für Fans der Natur zu verkaufen.
Auf der gesamten Website Sie bieten Fotografie zum Thema Natur und Schlagzeilen wie „Built for the Wild“, um ihre Marke im Freien zu stärken und das Publikum anzusprechen.
Diese Bemühungen enden nicht auf ihrer Kontaktseite.
Zu oft behandeln Unternehmen Kontaktseiten als einen nachträglichen Gedanken im Designprozess und werfen am Ende eine generische Seite mit Vorlagen zusammen.
Ich finde es toll, dass Yeti ihre Marke und Stimme mit einem auf die Kontaktseite überträgt schönes Bild eines Wanderers. Sie fügen dem hinzu, indem sie eine freche Textzeile einfügen – „Während wir gut mit Rauchsignalen umgehen können, gibt es für uns einfachere Möglichkeiten, Kontakt aufzunehmen und Ihre Fragen zu beantworten.“
Während all dies Elemente sind großartig, der Seite fehlt ein Formular. Die Handlungsaufforderung „E-Mail senden“ kann besser als Formular in einem Leuchtkasten (wie eines von Ashleighs Beispielen!) dienen Anstatt sich in einem brandneuen Tab zu öffnen.
Fazit: Nur weil Kontaktseiten eine Standardnotwendigkeit sind, bedeutet dies nicht, dass ihr Inhalt und ihr Ton sein müssen. Bleiben Sie Ihrer Marke auf dieser und allen anderen Seiten treu.
8. Atlassian
Atlassian ist ein Unternehmen für Unternehmenssoftware, das eine Reihe verschiedener Produkte anbietet, um große Unternehmen organisiert zu halten.
Es ist keine Überraschung, dass die Kontaktseite äußerst sauber und gut organisiert ist. Sie machen es den Besuchern leicht, die spezifische Abteilung zu finden, nach der sie suchen, und erreichen sie.
Sie haben auch dafür gesorgt, dass sich die Seite warm, freundlich und vertrauenswürdig anfühlt, indem sie die Fähigkeit zum Erreichen und Geben einbezogen haben Feedback direkt an die Gründer.
🔎 Verwandte Themen: Erstellen einer Marken-Messaging-Strategie, die Ihr Publikum lieben wird
Auch wenn das Hinzufügen von echten Headshots großartig ist, weiß ich es nicht mit wem ich spreche Das Hinzufügen dieser zusätzlichen persönlichen Note würde dem Benutzer deutlich machen, dass Sie sich interessieren.
Fazit: Haben Sie keine Angst, verwundbar zu sein.Atlassian geht hier ein großes Risiko ein und bittet um offenes Feedback. Ich bin jedoch der Meinung, dass das offene Feedback, das sie über diese Seite erhalten haben, es ihnen ermöglicht hat, ihre Benutzererfahrung zu verbessern.
9. Infinum
Manchmal ist die „kurze und süße“ Route der richtige Weg. Die App-Entwicklungsfirma Infinum verfolgt diesen einfachen Ansatz.
Sobald Sie auf der Seite ankommen, werden Sie mit einem riesigen freundlichen „Hallo“ begrüßt.
Von dort aus werden Sie informiert, dass sie hier sind, um Ihnen zu helfen, und Ihnen werden drei angezeigt einfache Optionen. Die Seite ist sauber, die verfügbaren Aktionen werden sehr deutlich angezeigt und die begrenzte Menge an Inhalten auf der Seite ist leicht zu lesen.
Alle Teile sind hier, aber die Benutzererfahrung nach dem Klicken auf die E-Mail-Adresse ist mangelhaft. Anstatt dem Benutzer ein On-Page-Formular anzuzeigen, wird der Standard-E-Mail-Client Ihres Computers automatisch geöffnet, damit Sie dem Unternehmen eine E-Mail schreiben können. Es ist klobig und die Übernahme ist unerwünscht.
Fazit: Überdenken Sie es nicht. Manchmal kann es sehr effektiv sein, das Design einfach zu halten und hervorzuheben, wonach der Benutzer offensichtlich am klarsten sucht.
10. Bubblewits
Bubblewits, ein Entwickler mobiler Apps, geht mit seiner Kontaktseite noch einen Schritt weiter und verwandelt sie in eine Quelle der Lead-Generierung. Das erste, was Sie bei Ihrer Ankunft sehen, ist ihre Kurzfassung Kontaktformular, aber der wirklich interessante Teil befindet sich direkt darunter, wo eine Preistabelle mit Links zu „Erste Schritte“ enthalten ist.
Es handelt sich im Grunde genommen um eine Seite mit halben Preisen!
So clever das auch ist, Leider fehlen auf der Seite noch einige visuelle Richtungshinweise, damit Besucher nach unten scrollen können, um sie zu sehen.
Fazit: Es gibt kein Regelwerk, das besagt, dass Ihre Kontaktseite einen unteren Rand des Trichterformulars haben muss Experimentieren Sie mit Ihrer Kontaktseite, um Leads weiter zu qualifizieren.
Joel Waggener11. Dollar Shave Club
Dollar Sh ave Club (DSC) möchte dem Besucher wirklich helfen und sie beweisen, dass Sie, wenn Sie buchstäblich von einem freundlichen Dropdown-Menü begrüßt werden, gefragt werden, wie sie Ihnen auf dieser einzigartigen Kontaktseite helfen können.
Anstatt direkt Wenn Sie sich mit jemandem verbinden, bemüht sich DSC, Ihnen zu helfen, die Antwort zuerst selbst zu finden, und spart Ihnen Zeit und Energie.
Jede Frage, die Sie in der Dropdown-Liste der Seite beantworten, führt Sie zu einer Mikrofrage, bis Sie finden (hoffentlich), was Sie brauchen. Wenn Sie dies nicht tun, haben sie einen CTA eingefügt, der den Seiteninhalt in ein traditionelleres „Kontakt“ -Gefühl verwandelt.
Ich bin froh, dass DSC irgendwann die traditionellere Kontaktseite anbietet, aber sie könnten diese Informationen irgendwo ablegen auf der Landingpage von contact us. Es würde den Fluss nicht beeinträchtigen, aber es würde das Gefühl verbessern, dass Sie durch Reifen springen müssen, um einen echten Menschen zu erreichen.
Auch wenn man bedenkt, dass Dollar Shave Club dies getan hat notorisch sehr witziges Texten, ich hätte gerne gesehen, dass ein Teil dieser Persönlichkeit auf der Seite enthalten ist.
Fazit: Zeigen Sie eine Persönlichkeit und lassen Sie wichtige Elemente auf Ihrer eigenen Kontaktseite nicht aus.
12. Buzzworthy Studio
Buzzworthy ist eine laute Marke, die auf ihrer Website und ihrem Kontakt sehr deutlich wird Unsere Seite ist keine Ausnahme. Großer Text und ein Killer-Wertversprechen führen direkt zu einem auffälligen CTA. Die Kontaktinformationen sind ebenfalls vorhanden, aber es ist ihnen gelungen, Sie zu zeichnen r Auge auf das, worauf sie sich wirklich konzentrieren sollen – das Start A Project CTA.
Während ich den CTA liebe, ist er auf der Seite der Desktop-Version zu niedrig. Das gesamte Seitendesign könnte verbessert werden, wenn die reaktionsschnellen Unterbrechungen neu bewertet werden und der Benutzer unter zu viel Leerraum zwischen den Elementen leidet, insbesondere wenn keine visuelle Aufforderung angezeigt wird, weiter zu scrollen.
Fazit: Großer Text als Grafik nicht Es funktioniert nicht immer, aber sie schaffen es mit minimalen Designelementen aufgrund des großartigen Copywritings. Eine normalerweise einfache Kontaktseite kann immer durch großartiges Konversations-Copywriting erhöht werden.
13. Squarespace
Das minimalistische Design von Squarespace weicht stark von einigen anderen Beispielen ab, die ich geteilt habe, aber genau deshalb Es wurde zu meiner Liste!
Anstelle eines Entweder-Oder-Ansatzes für die Kontaktseite hat Squarespace festgestellt, dass der Benutzer diese Seite aufruft, um Informationen in einer von sechs Kategorien zu finden.
Sobald der Benutzer sich selbst ausgewählt hat, führt Sie der Link zu einem einfach auszufüllenden Formular oder einer Themenhilfe, die er in seinem eigenen Tempo durchsucht.
Es ist einfach, auf den Punkt zu bringen und den Benutzer genau dorthin zu bringen Sie müssen gehen.
Fazit: Haben Sie keine Angst zu spielen, wer Sie sind. Das Beste an dieser Seite ist, dass alle Antworten buchstäblich in „quadratischen Räumen“ stehen!
14.Fitbit Health Solutions
Dies ist ein großartiges Beispiel für eine Seite, die Einfachheit und Stil in einem vereint. Wir haben viele einfache Kontaktseiten gesehen, die wir lieben und gelobt haben, aber Fitbit hat sie noch besser gemacht. Dem Benutzer wird eine einfache Aussage darüber gegeben, was auf der Seite zu tun ist und wie die Antwort darauf lautet.
Er kann dann identifizieren, wer er ist (wahrscheinlich, damit seine Informationen am besten weitergeleitet werden können) geeigneter Ort) und füllen Sie ein kurzes Formular aus.
Alles wurde gestylt. Alles ist auf Marke. Der Benutzer überspringt in dieser Erfahrung keinen Schlag.
Leider habe ich das Gefühl, dass die Informationen unter dem Formular etwas verloren gehen, obwohl diese Seite sie über der Falte festnagelt. Die Seite kann von einem Sprunglink oder einem Layout vom Typ „Wählen Sie Ihren Pfad“ profitieren, das wir in einigen anderen Beispielen gesehen haben. Die Informationen sind vorhanden, aber für den Benutzer zugänglich?
Fazit: Vergessen Sie das nicht kleine Details auf Ihrer Kontaktseite. Es sollte einfach bleiben, aber keine Angst haben, die Elemente hier einheitlich zu gestalten.
15. Adobe
Jetzt leistet Adobe hervorragende Arbeit bei der Segmentierung.
Bei der Ankunft werden Besucher gefragt, ob sie nach Vertrieb oder Support suchen, und in jedem Fall nach Der Benutzer kann wählen, wie er weitere Informationen erhalten möchte. Er kann auf die Community-Foren verlinken, zum Helpdesk weitergeleitet werden oder einfach eine der vielen bereitgestellten Telefonnummern anrufen.
Von dort aus Benutzer können globale Standorte anzeigen und sogar sehr spezifische Links zu Medienanfragen, Sponsoring und Recherchen aufrufen. Wenn Ihnen keine dieser Optionen zusagt, können Sie sie einfach unter der Nummer 800 oder im Live-Chat anrufen th sie. Diese Seite ist aus allen Blickwinkeln ein Gewinn!
Das einzige, was dieser Seite wirklich fehlt, ist der Adobe-Stil. Es ist unkompliziert und auf den Punkt. Es dreht sich alles um die Informationen auf der Seite, und das zu Recht. Den Benutzern bleibt jedoch eine sehr einfache Seite, auf der die Designkonsistenz nicht gewürdigt wird. Machen Sie es zu einem Schaufenster!
Fazit: Dies ist ein großartiges Layout, um einer einzelnen Seite viele nützliche Links auf eine Weise hinzuzufügen, die nicht überwältigend ist. Denken Sie über die Informationen nach, die Sie Ihren Benutzern zur Verfügung stellen müssen. Können Sie Elemente neu anordnen, um sie hilfreicher zu machen?
Jessie-Lee Nichols16. Mailchimp
Mailchimp beginnt mit einem einfachen und direkten Titel, der direkt in ein selbstauswahlendes Modul eingeht.
Die Fähigkeit zur Selbstidentifizierung führt den Benutzer genau dorthin, wo er hin muss, um die relevantesten Informationen für seine Reise zu erhalten.
Von dort gibt es eine einfache Postanschrift und einige direkte Links zu ganz bestimmten „Kontaktieren Sie uns ”Fragen zu APIs und Missbrauch.
Insgesamt gefällt mir, wohin Mailchimp mit dieser Seite gegangen ist, aber es fehlt ein Formular. Ein einfaches Formular oder ein Live-Chat würden die Grenzen für das Erhalten einer Antwort selbst bei einer so hilfreichen Seite aufheben.
Fazit: Denken Sie über die Fragen nach, die Sie häufig beantworten, und fügen Sie diese sehr spezifischen Informationen zu Ihrer Kontaktseite hinzu. Sie erhalten den Benutzern die Informationen, die Sie benötigen, und sparen sich Ärger.
17 Hootsuite
Hootsuite hat es außerordentlich einfach gemacht, auf ihrer Kontaktseite mit ihnen in Kontakt zu treten.
Reflektiert wahrscheinlich eine Co. Bei Benutzerverhalten starten sie die Seite mit einem einfachen Verkaufsformular. Wenn Sie dies nicht benötigen, bieten sie andere Möglichkeiten zum Verbinden und Finden von Antworten auf der rechten Seite dieses Formulars, einschließlich Social Media und deren Hilfe.
Schließlich sind alle internationalen Niederlassungen in aufgeführt Wenn Sie jemanden in Ihrer Nähe mehr erreichen möchten.
Der Verkauf hat hier eindeutig oberste Priorität für Hootsuite, aber ich muss davon ausgehen, dass auch viele Benutzer zur Unterstützung auf die Seite kommen.
Ich würde es vorziehen Um zu sehen, dass der Support auf dieser Seite das gleiche Gewicht wie der Umsatz hat und dem Benutzer eine größere Auswahl an Möglichkeiten bietet.
Fazit: Wenn Sie eine Mehrzweck-Kontaktseite haben, stellen Sie sicher, dass Sie Ihren Benutzern Optionen geben und nicht. t Tauchen Sie sie in die Standardform mit einer Seite.
18. PayPal
Ich bin wirklich begeistert davon, wie benutzerorientiert diese Seite ist!
Die Kopie Startet die Konversation sofort, indem Sie „Ich habe ein Problem mit:“ auffordern und dann verlangen, dass der Benutzer seinen Pfad auswählen kann.
Wenn keiner dieser Punkte zutrifft, kann er seine Suche eingeben Abfrage in der Suchleiste oben auf der Seite. Weiter unten bietet PayPal drei weitere, traditionellere Möglichkeiten, um mit ihnen in Kontakt zu treten: Telefon, E-Mail oder Forum.
Um die Seite noch weiter zu verbessern, Ein Formular oder eine Live-Chat-Funktion wäre für Benutzer hilfreich. Manchmal möchten Sie nur Kontakt aufnehmen können.
Fazit: Gehen Sie Ihre Kontaktseite von einem lösungsbasierten Standpunkt aus an. Ihr Besucher hat höchstwahrscheinlich etwas im Sinn Sie würden gerne von Ihnen hören, von dort aus arbeiten.
19.Basecamp
Ich finde es toll, wie persönlich die Kontaktseite von Basecamp ist.
Von Ihrer ersten Berührung auf dieser Seite Sie wissen, mit wem Sie sprechen werden und wie lange es dauern wird, bis sie antworten.
Um das Ganze abzurunden, könnte diese Seite nicht mehr auf Marke sein! Durch die subtilen Muster und Abbildungen bleibt die Benutzererfahrung äußerst konsistent mit der auf anderen Seiten.
Am Ende der Verbesserung stellt das Formular zwar Fragen, mit denen das Support-Team schnell auf die Bedürfnisse des Benutzers eingehen kann, ist jedoch etwas überwältigend. Das sind sehr spezifische Fragen! Eine Option für den Live-Chat könnte dies weniger entmutigend erscheinen lassen.
Fazit: Geben Sie Ihrer Marke ein Gesicht! Wenn Sie den Benutzer wissen lassen, wer am anderen Ende seiner Interaktion sein wird, entsteht Vertrauen und die Menschen fühlen sich wohler und sicherer, dass sie tatsächlich mit einem anderen Menschen sprechen, nicht mit einem Bot.
Marcella Jalbert20. HubSpot
Auf der HubSpot-Kontaktseite können Benutzer ihren Weg auswählen, um schnell zu den relevantesten Antworten zu gelangen.
Während der Benutzer einen Bildlauf durchführt, findet er lokale Telefonnummern zu den nationalen und internationalen Standorten von HubSpot und gibt sogar Wegbeschreibungen zum nächstgelegenen Hauptsitz!
Schließlich gibt es eine Live-Chat-Funktion Wenn Sie Hilfe benötigen, können Sie sofort auf eine Seite klicken und eine Konversation starten.
So nützlich die Seite auch ist, es wäre schön, Sprunglinks zu sehen, die auf globalen Regionen basieren, um dem Benutzer zu helfen Navigieren Sie auf der langen Seite.
Fazit: Betrachten Sie Ihr Publikum geografisch. Wenn Ihr Publikum am besten von seinem eigenen Standort bedient werden kann, stellen Sie sicher, dass es leicht zur besten Quelle geführt werden kann.
21. Blue Bottle Coffee
Die Kontaktseite von Blue Bottle Coffee ist sehr simpel, aber das macht sie brillant y, damit Sie in Kontakt bleiben (mit dem Abonnementformular), ein Bild, um auf der Marke zu bleiben, mehrere Möglichkeiten, verschiedene Abteilungen zu kontaktieren, und ein sehr kurzes Kontaktformular.
Da die Seite so einfach ist, wäre es großartig, wenn Sie können intelligente Inhalte verwenden, um das E-Mail-Feld im Kontaktformular vorab auszufüllen, wenn der Benutzer es in das Abonnementfeld eingegeben hat. Es ist eine kleine Geste, aber eine, die Benutzer schätzen würden.
Fazit: Wir haben viele Beispiele behandelt, die eine TONNE Informationen enthalten. Diese hält es einfach. Haben Sie keine Angst davor, die Grundelemente herauszubringen und dabei zu belassen.
22. InVision
Der Kontaktteil dieser Seite ist Teil einer viel größeren Unternehmensseite, die dem Benutzer mehrere Facetten von Informationen bietet, die jeder Benutzer haben kann Möglicherweise auf einer Kontaktseite suchen.
Von den Grundwerten des Unternehmens bis zu ihren offenen Positionen bietet diese Seite Benutzern sogar die Möglichkeit, ein Medienkit herunterzuladen, während das Formular selbst einfach und einfach bleibt der Punkt.
Obwohl es unglaublich ist, dass diese Seite so viele Informationen enthält, kann sie manchmal überwältigend sein. Oben auf der Seite befinden sich Sprunglinks, aber es wäre schön, wenn sie die Seite mit dem Benutzer durchlaufen würden.
Fazit: Überlegen Sie sich alle Gründe, warum ein Benutzer auf Ihren Kontakt mit uns zugreifen müsste Seite und geben Sie ihnen die Antworten, die sie brauchen, auch wenn es viele gibt!
Unbounce
Wie hilfreich! Unbounce hat alle Grundlagen auf seiner Kontaktseite abgedeckt.
Sie haben verschiedene Möglichkeiten angegeben, um sie je nach Ihren Anforderungen und Ihrem Standort zu kontaktieren. Darüber hinaus verfügen sie über Links zu Dokumentationen, Foren und Informationen zur Partnerschaft mit ihnen.
Am Ende der Seite finden Sie auch die Namen und Gesichter ihres Supportteams. Ich bin wirklich von dieser persönlichen Note angezogen, aber sie haben die Gelegenheit verpasst, auf ihr BIOS, ihre E-Mails oder einen Chat mit diesen Personen zu verlinken.
Fazit: Verbessern Sie die visuellen Hinweise, die diese Seite den Benutzern bietet. Die Flags und Farbblöcke ziehen Benutzer leicht zu den Informationen, die für sie am wichtigsten sind.
24. Lucky Orange
Diese Seite bringt es auf den Punkt.
Sobald sie geladen ist, wird Ihnen ein einfaches Kontaktformular in einem Popup-Modal angezeigt. Wenn Sie sie nicht direkt kontaktieren möchten, klicken Sie einfach vom Modal weg und wählen Sie eine der vielen Optionen, die dem Benutzer auf seiner Reise helfen können.
Dies ist ein guter Einstieg in die Wissenszentrum, das jenseits des Formulars lebt.
So brillant das Formularmodal auch ist, der Benutzer hat nicht die Möglichkeit, am Formular vorbeizukommen und es dann wieder zurückzubringen. Es wird verwendet oder verloren, und das kann für einige Benutzer sehr frustrierend sein.
Fazit: Überlegen Sie, wie Sie die Funktionen, nach denen Ihre Benutzer wirklich suchen, auf Ihrer Kontaktseite isolieren können, und machen Sie die Dinge sehr einfach und offensichtlich für Sie.
Fazit: Folgendes müssen Sie wissen.
Wenn Sie über eine Überarbeitung Ihrer Kontaktseite nachdenken, beachten Sie unsere Best Practices und seien Sie einfach auf dem Laufenden! Ich möchte immer darüber nachdenken, wie Sie Ihren Benutzern hilfreicher sein können.
Machen Sie es dem Benutzer so einfach wie möglich, die Dinge zu erledigen, und vergessen Sie nicht, die richtigen Erwartungen für den Zeitpunkt festzulegen, an dem sie hören werden zurück von dir.