25お問い合わせページの例であなたを刺激します（2020年に更新）
お問い合わせページ。誰もがそれらを持っていて、それらを必要としていますが、あなたは本当にそれらの背後にある戦略に注意を払っていますか？
それは本当ではありませんか？ウェブサイトで最も価値のあるページの1つは、通常、後から付け加えたものです。
そこにある必要があるものの1つですが、多くの場合、必要な情報をそこに置いてそのままにしておきます。
なんて無駄なことでしょう！
ページ名自体は行動を促すフレーズです。敬意を持って扱ってください。
お問い合わせページは、多くの場合、ミッションの新しい訪問者にとって頼りになるページです。質問があり、組織内の個人と本当に話したいときに行く場所です。
ユーザーに連絡方法に関する情報を提供する目的で、ユーザーにサービスを提供するために存在します。
お問い合わせページのすべての目標は、会社と連絡を取る方法をできるだけ早く明確かつ効果的に提示することで変換することです。
こちら次の連絡先ページをまとめるときに覚えておくべきいくつかのベストプラクティスを次に示します。
- コピーから始めて、ユーザーがあなたに連絡する理由を説明し、そうするように促します。
- 不要な情報は避けてください。お問い合わせページの目的は、最も直接的なものの1つです。誰かがあなたと直接コミュニケーションをとることができる方法を説明することに情報が焦点を合わせていない場合、それはそこにあるべきではありません。 。
- 不要な情報を求めないでください。フォームフィールドを的確に保ち、ユーザーの移動を支援するためにすぐに回答が必要ない質問を追加しないでください。
- 複数の方法で連絡できます。ユーザーは、フォームに入力するのではなく、電話やライブチャットであなたと話したい場合があります。必ず、最も使いやすい方法を選択できるようにしてください。
- できるだけパーソナライズしてください。スマートコンテンツや条件付きロジックなどの機能を使用して、ページをユーザーのニーズに適合させます。サポートが必要なユーザーとは異なる、見込み客に対する一連の質問がありますか？ペルソナに関係なく、ページに適切な質問と情報が表示されていることを確認してください。
- 適切な期待を設定します。連絡することをユーザーに安心させます。応答時間を強調するか、誰から連絡をもらうかを知らせます。
これで、お問い合わせページに何が含まれるかがわかり、オールスターの例を見る準備ができましたか？
あなたは幸運です。私はデザインチーム全体の助けを借りてこの記事をキュレーションしました！
私たち一人一人が私たちのお気に入りのお問い合わせページを5つ選び、なぜそれが好きなのか、彼らがもっとうまくできたのかをお知らせしますそして、次のお問い合わせページの再設計のための確かなインスピレーション。
Ashleigh Respicio：
1。 Marvelアプリ
なんて楽しい例でしょう。マーベルのこのお問い合わせページでは、ユーザーは簡単で一般的なフォームに記入するか、自分でセグメント化して、必要な特定のヘルプ（販売、プレス、サポートなど）を見つけることができます。
次に、実際に使用される写真場所のセクションでは、ブランドに顔を向け、会社のオフィス文化への洞察を提供します（仕事を楽しんでいるように見える従業員はプラスです）。
🔎関連：ウェブサイト再設計プロジェクトの究極のガイドビジネス
デザインの観点から、視覚的な手がかりを追加することで、ユーザーの目をガイドし、無意識のうちに折り目の下の情報に誘導することができます。
結論：個性を示します。このページでは、イラストと実際の写真の両方を通じてブランド文化を強調し、非常に親しみやすいものにしています。
2。 Sleeknote
Sleeknoteは、フォームに入力するだけでなく、追加情報を見つけるためのリンクをユーザーに提供します。または人気のある行動を取る。 。また、信頼できるロゴを備えた社会的証明を追加するために特別な注意を払っています。
視覚的には、フォームが短く、すべての情報が凝縮された方法で整理されているのは素晴らしいことですが、要素間の一貫した間隔は強化される可能性がありますエクスペリエンスとページの他の領域への迅速なスクロール。
無料トライアルでユーザーを目標到達プロセスのさらに下に移動するために、ページの下部にカラフルなCTAを含めることもできます。彼らは本当にこのページにかなりの負担をかけさせています！
結論：それを実行してください。お問い合わせページに次のステップを含めることを躊躇しないでください。あなたは彼らの注意を引いています、それを使って彼らをあなたの目標到達プロセスのさらに下に導きます！
3。 Zendesk
Zendeskは、すっきりとしたデザインを維持しながら、お問い合わせページですべての主要なニーズに対応しました。 。フォーム、製品サポートに連絡するオプション、地図付きの位置情報が含まれています。
ページにはすべての基本要素が含まれていますが、サイトの他の部分で見られるポップな色やグラフィック、およびユーザーをページの下の残りの情報に導く視覚的な手がかりが欠けています。 。
結論：シンプルさは大いに役立ちます。この例を出発点として使用することをお勧めします。さらに個性を加えると、連絡先ページがこれらのリストの1つに表示される可能性があります！
4。 Freshworks
Freshworksは、シンプルでありながら重要な情報を効果的に強調する繊細なデザインを使用しています。
シンプルでコントラストの高い[GetIn Touch]ボタンをクリックすると、ライトボックスで開くフォームが表示されます。これは、重要な機能をすべて有効にしながら、ページを短くして要点を絞るのに最適な方法です。この種の微妙な方法です。 、予期しないマイクロインタラクションは、他の標準的なお問い合わせページにさわやかなアプローチを追加する可能性があります。
ページのシンプルさはさわやかですが、ウェブサイトの他の部分全体に見られるブランディング/個性が欠けています。他のページで使用されているイラストのいくつかは、お問い合わせページがよりまとまりがあり、ブランドに合っていると感じます。
結論：独自の方法で情報を提示します。このページのライトボックスは珍しく、印象的です。
5。銅
この例では、銅が特別な注意を払っていることは明らかです。彼らのcを維持するウェブサイト全体のルックアンドフィールと一致するontactusページ。
使用される色はブランドと一致しており、笑顔の女性の画像は魅力的でカジュアルであるため、人々はより快適に連絡を取ることができます。質問またはフィードバック…
結論：ブランドがより親しみやすく表示されるほど、ユーザーはより適切に対話できます。
ジョーリナルディ：6。 Stripe
Stripeは、お問い合わせページを成功させるために、すべての主要なチェックボックスを押します。きれいなデザインで、チームの広告に連絡する方法が明確になっています。ページのコンテンツは温かくフレンドリーなトーンです。
このページで私が最も気に入っているのは、彼らがどのように紹介するかです。フォームのすぐ隣で協力している一握りの会社。ソフトウェアを使用している企業を紹介することで、「これらの大企業がStripeを信頼しているのなら、なぜそうすべきではないのか」と考えさせられ、訪問者が営業チームに連絡する際の予約を緩和するのに役立ちます。これらのロゴを見て、私は「これらの大企業がStripeを信頼しているのなら、なぜ私はそうすべきではないのですか。」
このページに欠けている最大のことは、ユーザーが利用できる連絡先情報の種類です。フォームはすばらしいですが、ユーザーは場所や電話番号を知りません。
結論：社会的証明は巨大です。あなたがそれを持っているなら、それを誇示してください！変換ポイントのすぐ隣に信頼の要素を追加することは勝利です。
7。イエティ
イエティは、屋外のファン向けに高品質のドリンクウェアとクーラーを販売していることに誇りを持っています。
サイト全体で自然をテーマにした写真や「Builtforthe Wild」などの見出しが特徴で、アウトドアブランドを強化し、視聴者の共感を呼んでいます。
その取り組みはお問い合わせページだけでは終わりません。
企業が連絡先ページを設計プロセスで後付けとして扱い、一般的なテンプレート化されたページをまとめてしまうことがよくあります。
Yetiが自社のブランドと声をお問い合わせページに伝えてくれるのが大好きです。ハイカーの美しい画像。生意気なテキスト行を含めることでこれに追加します。「私たちは煙の信号に長けていますが、連絡を取り、質問に答える簡単な方法があります。」
要素は素晴らしく、ページにはフォームがありません。「メールを送信」のアクション呼び出しは、ライトボックス内のフォームとして提供する方がよい場合があります（Ashleighの例の1つです！）。まったく新しいタブを開くのはやめましょう。
結論：お問い合わせページが標準的な必需品であるからといって、コンテンツやトーンが必要であるとは限りません。このページやその他のページでブランドを忠実に守りましょう。
8。アトラシアン
Atlassianは、大企業の組織化を維持するためのさまざまな製品を提供するエンタープライズソフトウェア企業です。
組織化に特化しているため、お問い合わせページが非常にクリーンでよく整理されているのも当然です。また、訪問者が探している特定の部門を簡単に見つけて連絡できるようにします。
また、連絡して提供する機能を含めることで、ページが暖かく、親しみやすく、信頼できると感じられるようにしました。創設者に直接フィードバックします。
🔎関連：視聴者が気に入るブランドメッセージング戦略を作成する方法
実際のヘッドショットを追加することも素晴らしいですが、わかりません。私が話している人。その余分な個人的なタッチを追加することは、あなたが気にかけていることをユーザーに示すのに大いに役立ちます。
結論：脆弱であることを恐れないでください。Atlassianはここでオープンなフィードバックを求める大きなリスクを負っていますが、このページを通じて受け取った率直なフィードバックにより、ユーザーエクスペリエンスを向上させることができたと思います。
9。 Infinum
「短くて甘い」ルートが道のりである場合があります。アプリ開発会社であるInfinumは、この単純なアプローチを採用しています。
ページに到着するとすぐに、巨大でフレンドリーな「こんにちは」が表示されます。
そこから、彼らはあなたを助けるためにここにいることを知らせ、あなたには3つが表示されますシンプルなオプション。ページはきれいで、実行可能なアクションが非常に明確に表示され、ページ上の限られた量のコンテンツが読みやすくなっています。
すべてがここにありますが、メールアドレスをクリックした後のユーザーエクスペリエンスは不十分です。ユーザーにページ上のフォームを提示する代わりに、コンピュータのデフォルトのメールクライアントが自動的に開かれ、会社に電子メールを送信できます。不格好で、乗っ取りは歓迎されません。
結論：考えすぎないでください。デザインをわかりやすくし、ユーザーが最も明確なマナーで明らかに探しているものを強調することが非常に効果的な場合があります。
10。バブルウィット
モバイルアプリ開発者のBubblewitsは、連絡先ページをリード生成のソースに変えることで、さらに一歩進んでいます。到着したときに最初に目にするのは、彼らの短いことです。お問い合わせフォームですが、そのすぐ下に「はじめに」へのリンクが記載された価格表があります。
基本的には半額の価格ページです！
これほど賢いですが、残念ながら、このページには、訪問者が下にスクロールして表示できるようにするための視覚的な方向性の手がかりがまだありません。
結論：お問い合わせページには目標到達プロセスフォームの下部が必要であるというルールブックはありません。お問い合わせページを使用して、リードをさらに限定してみてください。
JoelWaggener11。DollarShaveClub
ドルSh ave Club（DSC）は本当に訪問者を助けたいと思っています。彼らは、あなたが文字通り、このユニークなお問い合わせページでどのようにあなたを助けることができるかを尋ねるフレンドリーなドロップダウンメニューによって迎えられたときに証明します。
直接ではなく誰かとつながるために、DSCは最初に自分で答えを見つけられるように努力し、時間とエネルギーの両方を節約します。
ページのドロップダウンで答える質問ごとに、より細かい質問に移動します。あなたは（うまくいけば）あなたが必要なものを見つけます。どういうわけかそうでない場合は、ページのコンテンツをより伝統的な「連絡先」の感覚に変更するCTAが含まれています。
DSCが最終的にはより伝統的なお問い合わせページを提供してくれてうれしいですが、この情報をどこかに置くことができますお問い合わせのランディングページにあります。流れを損なうことはありませんが、本物の人間を手に入れるためにフープを飛び越える必要があるような感覚の体験が向上します。
また、Dollar ShaveClubが非常に面白いコピーライティングで有名ですが、その個性の一部がページに組み込まれているのを見たいと思います。
結論：個性を示し、重要な要素を自分の連絡先ページに残さないでください。
12. Buzzworthy Studio
Buzzworthyは大音量のブランドであり、サイトや連絡先で非常に目立ちます。私たちのページも例外ではありません。大きなテキストとキラーな価値提案が人目を引くCTAにつながります。連絡先情報もありますが、彼らはあなたを引き付けることに成功しています。彼らが本当にあなたに焦点を合わせて欲しいものに目を向けてください-StartA ProjectCTA。
CTAは気に入っていますが、デスクトップバージョンのページでは低すぎます。レスポンシブブレイクを再評価し、ユーザーが要素間の空白が多すぎる場合、特にさらにスクロールするように求める視覚的なプロンプトがない場合は、ページ全体のデザインを強化できます。
結論：グラフィックとしての大きなテキストはそうではありません。 tは常に機能しますが、優れたコピーライティングにより、最小限のデザイン要素で成功します。通常はプレーンな連絡先ページは、会話型の優れたコピーライティングによっていつでも昇格できます。
13。 Squarespace
Squarespaceのミニマリストデザインは、私が共有した他のいくつかの例とは大きく異なりますが、それがまさにその理由です。それが私のリストになりました！
お問い合わせページへのアプローチの代わりに、Squarespaceは、ユーザーがこのページにアクセスして6つのカテゴリのいずれかの情報を見つけることを決定しました。
ユーザーが自分で選択すると、リンクをクリックすると、簡単に入力できるフォームや、自分のペースで閲覧できるトピックヘルプセンターに移動します。
簡単で、要点を説明し、ユーザーを正確な場所に誘導します。彼らは行く必要があります。
結論：あなたが誰であるかをプレイすることを恐れないでください。このページの最大の利点は、すべての回答が文字通り「正方形のスペース」にあることです！
14。Fitbit Health Solutions
これは、シンプルさとスタイルをすべて1つにまとめたページの優れた例です。私たちが愛し、賞賛している簡単な連絡先ページをたくさん見てきましたが、Fitbitはそれらを1つ改善しました。ユーザーは、ページで何をすべきか、フォローアップの応答がどうなるかについての簡単なステートメントに遭遇します。
次に、ユーザーは自分が誰であるかを識別できます（おそらく、自分の情報を最も多くの人に向けることができます）適切な場所）、短いフォームに記入します。
すべてがスタイル設定されています。すべてがブランドにあります。このエクスペリエンスでは、ユーザーはビートをスキップしません。
残念ながら、このページはスクロールせずに見える範囲にありますが、フォームの下の情報が少し失われているように感じます。このページは、他のいくつかの例で見たジャンプリンクまたは「パスを選択」タイプのレイアウトの恩恵を受ける可能性があります。情報はありますが、ユーザーはアクセスできますか？
結論：忘れないでください。お問い合わせページの詳細。シンプルなままにする必要がありますが、ここの要素に一貫したスタイルを適用することを恐れないでください。
15. Adobe
現在、アドビは優れたセグメント化を行っています。
到着時に、訪問者は販売またはサポートを探しているかどうかを尋ねられます。どちらの場合も、ユーザーは、より多くの情報を受け取る方法を選択できます。コミュニティフォーラムにリンクしたり、ヘルプデスクにアクセスしたり、提供されている多数の電話番号の1つに電話したりできます。
そこからユーザーは世界中の場所を確認でき、メディアの問い合わせ、スポンサーシップ、調査に関する非常に具体的なリンクにドリルダウンすることもできます。最後に、これらのオプションのいずれも気に入らない場合は、800番に電話するか、ライブチャットで電話をかけることができます。それら。このページはあらゆる角度からの勝利です！
このページに本当に欠けているのは、その特徴的なAdobeスタイルだけです。それは簡単で要領を得ています。それはすべてページ上の情報に関するものであり、当然のことながらそうですが、ユーザーには、デザインの一貫性にうなずくことがない非常にわかりやすいページが残されています。ショーケースにしましょう！
結論：これは、1つのページに多くの便利なリンクを圧倒されない方法で追加するための優れたレイアウトです。ユーザーに提供する必要のある情報について考えてみてください。要素を再配置して、より役立つようにすることはできますか？
Jessie-LeeNichols16。 Mailchimp
Mailchimpは、自己選択モジュールに直接入るシンプルで直接的なタイトルで始まります。
自己識別機能により、ユーザーは旅に最も関連性のある情報を取得するために必要な場所に正確に移動できます。
そこから、簡単なメールアドレスと非常に具体的な「お問い合わせ」への直接リンクがいくつかあります。 」APIと乱用に関する質問。
全体として、Mailchimpがこのページで行っていた場所は気に入っていますが、フォームがありません。単純なフォームやライブチャットでは、このような役立つページであっても、回答を得る境界がなくなります。
結論：よくある質問について考え、その非常に具体的な情報をお問い合わせページに追加します。ユーザーに必要な情報を提供し、面倒な作業を省くことができます。
17 。Hootsuite
Hootsuiteを使用すると、お問い合わせページで非常に簡単に連絡を取ることができます。
共同体を反映している可能性が高いmmonユーザーの行動、彼らは単純な販売フォームでページを開始します。それが必要なものでない場合は、ソーシャルメディアやヘルプセンターなど、そのフォームの右側に接続して回答を見つけるための他の方法を提供します。
最後に、すべての国際オフィスがお住まいの地域の誰かにもっと連絡したい場合。
ここでは明らかにHootsuiteの最優先事項ですが、多くのユーザーがサポートのためにこのページにアクセスしていると思います。
希望します。サポートがこのページの販売と同じ重みを持ち、ユーザーにどちらかまたは両方の選択肢を提示することを確認します。
結論：多目的のお問い合わせページがある場合は、ユーザーにオプションを提供し、しないでください。鳩はそれらを標準の1ページのフォームに穴をあけます。
18。 PayPal
このページがいかにユーザー中心であるかに本当に惹かれています！
コピー「問題が発生しています：」というプロンプトを表示してすぐに会話を開始し、ユーザーにパスを選択するように要求します。
いずれも当てはまらない場合は、検索を入力できます。ページ上部の検索バーでクエリを実行します。さらに下の方で、PayPalは、電話、メール、フォーラムの3つの従来の方法で連絡を取ります。
ページをワンランク上に上げるには、フォームやライブチャット機能はユーザーに役立ちます。連絡を取りたい場合もあります。
結論：ソリューションベースの観点からお問い合わせページにアプローチします。訪問者はおそらく何かを考えています。彼らはあなたから話を聞きたいので、そこから働きます。
19。Basecamp
Basecampの個人的なお問い合わせページがとても気に入っています。
このページを最初にタッチしたときから、あなたはあなたが誰と話しているのか、そして彼らが応答するまでにどれくらいの時間がかかるのかを知っています。
何よりも、このページはブランドについてこれ以上のことはできません！微妙なパターンとイラストにより、ユーザーエクスペリエンスは他のページと非常に一貫しています。
改善の面では、フォームはサポートチームがユーザーのニーズに迅速に対応できるようにする質問をしますが、やや圧倒されます。それらは非常に具体的な質問です！ライブチャットのオプションがあると、これはそれほど難しくないように見えるかもしれません。
結論：ブランドに顔を向けてください！インタラクションの反対側に誰が参加するかをユーザーに知らせることで、信頼が構築され、ボットではなく別の人間と実際に話していることを人々がより快適に、自信を持って感じるようになります。
MarcellaJalbert20。 HubSpot
HubSpotの連絡先ページでは、ユーザーが「パスを選択」して、必要な最も関連性の高い回答にすばやく到達できるようにします。
ユーザーがスクロールすると、HubSpotの国内および海外の場所への市内電話番号が表示され、最寄りの本社への道順も表示されます。
最後に、ライブチャット機能があります。ページ。サポートが必要な場合は、今すぐクリックして会話を開始できます。
ページと同様に、ユーザーを支援するためにグローバルリージョンに基づくジャンプリンクを表示すると便利です。長いページをナビゲートします。
結論：視聴者を地理的に考慮します。視聴者が自分の場所からサービスを受けるのが最適な場合は、最適なソースに簡単に誘導できることを確認します。
21.ブルーボトルコーヒー
Blue Bottle Coffeeのお問い合わせページは非常に単純ですが、それが素晴らしい理由です。 y（サブスクリプションフォームを使用して）連絡を取り合うためのイメージ、ブランドを維持するためのイメージ、さまざまな部門に連絡するための複数の方法、および非常に短い連絡フォーム。
ページが非常にシンプルなので、ユーザーがサブスクライブフィールドに入力した場合、スマートコンテンツを使用して、連絡先フォームの電子メールフィールドに事前入力することができます。これは小さなジェスチャーですが、ユーザーに喜ばれるジェスチャーです。
結論：大量の情報を含む多くの例を取り上げましたが、これによりシンプルになります。基本的な要素をそこに置いて、そのままにしておくことを恐れないでください。
22。 InVision
このページのお問い合わせ部分は、ユーザーが利用できるさまざまな情報をユーザーに提供する、はるかに大きな企業ページの一部です。お問い合わせページで探している可能性があります。
会社のコアバリューからオープンポジションまで、このページでは、フォーム自体をシンプルに保ちながら、メディアキットをダウンロードする機能もユーザーに提供します。要点。
このページが非常に多くの情報を提供していることは信じられないことですが、時には圧倒されることもあります。ページの上部にジャンプリンクがありますが、ユーザーと一緒にページをたどっていれば便利です。
結論：ユーザーがあなたの連絡先にアクセスする必要があるすべての理由を考えてください。ページを開いて、必要な答えを提供してください。
バウンスを解除する
非常に役立ちます。 Unbounceは、お問い合わせページですべての拠点をカバーしています。
ニーズと場所に基づいて、連絡するための複数の方法が含まれています。さらに、ドキュメント、フォーラム、パートナーとの提携に関する情報へのリンクがあります。
ページの下部には、サポートチームの名前と顔もあります。私はこの個人的なタッチに本当に惹かれていますが、彼らは自分の略歴、メール、またはこれらの個人とのチャットにリンクする機会を逃しています。
結論：このページがユーザーに提供する視覚的な手がかりに本当に焦点を合わせます。フラグとカラーブロックは、ユーザーにとって最も重要な情報にユーザーを簡単に引き込みます。
24。ラッキーオレンジ
このページは的を射ています。
読み込まれるとすぐに、ポップアップモーダルで簡単なお問い合わせフォームが表示されます。直接連絡する必要がない場合は、モーダルから離れてクリックし、ユーザーの旅に役立つ多くのオプションの1つを選択するだけです。
これはフォームを超えて存在するナレッジセンター。
現在、フォームモーダルと同じように優れているため、ユーザーはフォームを通過してから元に戻すことはできません。それはそれを使用するか失うかであり、それは一部のユーザーにとって非常にイライラする可能性があります。
結論：ユーザーが本当に求めている機能を分離する方法を考えて、お問い合わせページで物事を非常に簡単かつ明白にします彼らのために。
要点は、ここに知っておくべきことです
お問い合わせページの刷新を検討している場合は、ベストプラクティスを念頭に置いて、インバウンドになりましょう。 常に、ユーザーにとってより役立つ方法について考えたいと考えています。
ユーザーができる限り簡単に物事を完了できるようにし、いつ聞こえるかについて正しい期待を設定することを忘れないでください。