9 de mar de 20229 min
Atualizado: mar 19
As páginas de contato acabam sendo um pouco desvalorizadas no design do site. Alguns designers dedicam toda a sua energia criativa à página inicial, loja ou portfólio. Embora essas páginas sejam certamente a prioridade, a singela página de contato também merece atenção.
フォーム作成ツールで囲まれたコンタクトページは、Eメール、電話番号、連絡先、地域などの情報を提供するローカルページです。魅力的なデザインで構築されたサイトは、顧客を獲得し、サイト訪問者のブランドへの関心を高めます。次のサイトでは、独占的で魅力的なコミュニケーションページの例を紹介します。
Ao criar um site profissional, você pode se inspirar nesses exemplos para elaborar sua página de contato.
小川メリアのコンタクト・ページは、単なるウェブ・デザインの便宜的なものではありません。この考えを反映させるために、彼女は明瞭で経験的な言葉を用いている。例えば、タイトルは通常の "Fale Conosco "ではなく、"Melhor juntos "である。
その上、このページのサンゴの花は、大変素晴らしいものである。この驚異的なサンゴは、その滑稽さと面白さでサイトを訪れる人々を魅了し、コンタクトを取ろうとする人々を煽る。
Million Framesのコンタクトページは、サイトキャプションにあるコンタクトボタンからアクセスすることができます。このボタンは、CTAと同様に、クリックを促すだけでなく、コンタクトページを目立たせることができます。
A página de contato em si é amigável e convidativa, encorajando os visitantes com textos como "Vamos conversar. Conte-me sobre seu projeto" e "Vamos criar algo juntos". Além de fornecer um endereço de email, a página apresenta um formulário de contato, permitindo que os clientes enviem sua mensagem diretamente do site.
デザインサービスを提供するジュリアナ・ラファスは、その代表的な例です。サイトの他の部分と同様、コンタクトのページも、デザインにおける経験を明確に示している。このページでは、一段目にモダンなイメージの黄色いトムが配され、その下に「Contato」と書かれた大きな壁があります。
このページにアクセスすることで、訪問者は、詳細な数量が要求される専用フォームデザインにアクセスすることができます。プロジェクトの開始日や開始時間などの情報を求めると、ジュリアナはすべての蒸気を出すことを約束します。全キャンパスに参加したくない方には、15分間の無料コンサルティングを申し込んで、プロジェクトについて話し合うという選択肢もあります。そうすることで、潜在的な顧客を獲得することができ、また、その顧客を親切に販売に導くことができるのです。
ディジャ・ウイージャのサイトでは、訪問者の注意を引くために、商品画像（この場合はアーティスト作品）を掲載しています。画像の下には「Entre em contato comigo」というタイトルのフォームがあります。画像にも書式にも使用されているクラロワ、プレジデント、ブランコによって、アーティストのカフディヤ・マーレイは、自身のブランドのコアでコミュニケーション・ページをパーソナライズしている。
そのため、コンタクトページには、名前、Eメール、メッセージだけでなく、ソーシャルボタンも含まれています。これらのボタンをクリックすると、カフディージャのソーシャルネットワークに誘導され、ご自身のソーシャルネットワークをより見やすくし、コンタクトを取りやすくすることができます。
ソフィー・ウエストフォールは、グラフィックデザイン・サイトに、アニメーション・ボイスを追加することで、オノリカルな感覚をコミュニケーション・ページに与えている。いつもの "Fale Conosco "を、親しみやすい "Olá!"に置き換えてみましょう。また、相手にコンタクトを求める前に、そうなる理由を説明し、自分のフォームやノウハウについて少し説明する。
Sophieでは、訪問者の利便性を高めるために、Eメール、LinkedInのプロフィール、Instagramのページへのリンクなど、さまざまなコンタクトオプションを提供しています。これらのリンクの後には、直接サイトにメッセージを送ることができるフォームがあります。
Lumoのコミュニケーション・ページは、画像ではなくテキストとスペースを使用した、オブジェクティブでミニマルなデザインだ。その基盤は、視覚的なリソースを使わずとも際立つ、静かな緑色を呈している。
コンタクトページでは、"Vamos conversar"（会話しましょう）というキャッチフレーズで始まり、その後に、会話に参加することを促す小さなパラフレーズが続きます。また、EメールのアドレスとInstagramとFacebookのページへのリンクも含まれています。また、訪問者が自分の名前、Eメール、メッセージを入力できるフォームも用意されています。
アーティストのリディア・ヒルのサイトでは、すべてのページでコミュニケーションが可能です。また、Facebook、Instagram、Dribbleなど、ソーシャルコミュニケーションボタンも追加され、ソーシャルコミュニケーションの可能性を広げることができます。これらのボタンは、ナビゲーションバーにある「一緒に働きましょう」というガイドで補完され、ユーザーをコンタクトページに誘導します。
サイトのコンタクトページは、リディアのEメール・アドレスと、ユーザーがコンタクトを開始するために入力できるフォームを提供する、ダイレクトなものです。フォームのシンプルさは、サイトのすべてのページにエレガントな感覚と爆発的なコアを提供する、長くてアニメーションの壁によって補われています。
アーティストMelissa Pagluicaのサイトでは、人々がコンタクトを取れるようにするだけでなく、彼女のデザイン能力をアピールするためのコンタクトページが使用されています。ページ下部にはメリッサのイラストが配置され、その才能を垣間見ることができる。
イラストの傍らにはコミュニケーション・フォーミュラがあり、このフォーミュラは、二次的なプランの中で私たちの欲求を満たすことを妨げないよう、スムーズに翻訳されています。各キャンプはシンプルかつ直接的で、訪問者の視線はイラストレーションに集中し、コミュニケーション・プロセスには集中しません。
アーティスト、レイチェル・レヴのコンタクトページには、重要な要素がいくつも含まれている。まず、レイチェル本人の写真があり、この写真によって瞬時に、より親密なコミュニケーション・プロセスが開始されます。Eメール、名前、連絡先、メッセー ジを含むだけでなく、Google Mapsもサイトに統合されています。これにより、所在地を簡単に表示し、ユーザが地元を訪問できるようになります。
また、コンタクトページはシンプルかつダイレクトであり、重要な情報はすぐに表示されます。サイトキャプチャにはロゴとイラストが表示され、コンタクトページや他のページにエレガントな雰囲気を添えています。
Fica claro que a AR Designs é um escritório de design desde o primeiro momento em que entramos no site. Uma pintura abstrata em grande escala, com tons suaves de verde-azulado e cinza, preenche o fundo da página de contato. Sobrepondo a pintura está uma caixa de texto com os dizeres "Entre em contato", bem como um número de telefone e um formulário de contato onde os visitantes podem preencher seus dados e enviar uma mensagem.
他のコミュニケーション方法をお探しの方のために、ページ下部に追加情報を掲載しています。そこには、オーナーであるAshleighのEメールアドレスと、Facebook、Instagram、Houzzへのリンクを含むソーシャルメディアボタンが含まれています。
Bodyrockブートキャンプは、そのブランドを効果的に反映したサイトによる、健康的なトレーニング・プログラムです。コミュニケーション・ページでは、明確なフォームと黒文字のテキストが使用され、シンプルでスタイリッシュなデザインと活気に満ちたコアのバランスが保たれています。
このページの最初のページには、お名前、Eメール、電話番号、メールアドレスなど、お客様の詳細情報を入力するフォームがあります。さらに、ご希望の電話番号とEメール・アドレス、無料個別セッションのオファーもご用意しています。このオファーは、無視するには惜しいものですが、参加者にコンタクトを取るよう促し、このサービスを試す意欲を高めます。
Transplant Interfaceは、ロゴからナビゲーションバーに至るまで、すべてのサイトに一貫した形でブランドのコアを使用しています。コンタクトページもその例に漏れず、サイト内のすべてのセクションが常にブランドと関連づけられるように、緑と青のトンをグラデーションに使用したデザインでパーソナライズされています。
ページには、訪問者が詳細情報を入力し、メールを送信できるようにするためのフォーム、電子メールのアドレス、通信など、必要な要素がすべて含まれています。ページ下部には、豊富な情報を提供するロダペがあり、サイト内を簡単に移動することができます。
MIGIZIは若者向け教育プログラムであり、コンタクトページも含め、サイト内のすべてのページで、その活動内容やメッセージをわかりやすく紹介しています。このページは2つのパートに分かれており、左側にはコンタクト情報、右側にはプログラム写真が掲載されています。画像は、単に視覚的にコンタクト・ページを強調するだけでなく、プログラムに関心を持つ参加者や参加者に、プログラムの内容を強調します。
このページには、Google Mapsのインターフェイス画像と位置情報、お問い合わせボタン、Eメール登録ボタンという3つの専用要素が含まれています。このように、訪問者のあらゆるタイプに対応することができます - 欲しい人からニュースレターを購読したい人まで。
エヴォルブ・クロージング・ギャラリーのコンタクト・ページは、実用的であるだけでなく、とてもビジュアルです。ページ中央には、商品への興味と熱意をそそる、魅力的な店舗画像があります。
このコンタクト・ページでは、アコースティック・ボイスを使用し、読者にブランドとの友好的なサービスを予感させます。また、オンライン・ショップをお持ちの方は、営業時間や、Eメール・電話番号の横にある所在地マップもご覧いただけます。
Mane Ethical Hairdressingのサイトには、使いやすく見やすいレイアウトのページがあります。サービスを提供する企業として、最も重要な要素はページのトップに配置されている「オンライン予約」ボタンです。
予約ボタンの隣には、電話番号、Eメールアドレス、営業時間、メッセージを送るための四角があります。これらの情報の方向には、カフェとビスコの画像があり、お客様に営業中のおいしいビールを提供します。
イザベル・ドゥ・バーグのサイト「IsaTales」は、ミニマリズムとブランドに関連したエスティックを組み合わせたコミュニケーション・ページです。シンプルでクリーンなページには、繊細なイラストのセレクションや、文字で書かれたエッセイが添えられている。
シンプルなページは、訪問者とのコミュニケーションを容易にし、混乱する余地を与えません。Isabelleは、あなたの連絡先を説明し、あなたのプロフェッショナルな電子メールの宛先を示し、人々があなたのメッセ-ジを入力するためのフォームが含まれています。
ラブ・ローカル・コレクティブは、ブランドのコンセプトを伝えるビジュアルで刺激的なコミュニケーション・ページを持っています。ロゴと同様に、コミュニケーション・ページにも、活気と安らぎを伝えるために活気溢れる甘草色が用いられている。これは、単に魅力的であるだけでなく、コミュニティへの進出に関心を持つ企業に活力を与えるものです。
コンタクトフォームには、Eメール、ソーシャルネットワークへのリンクがあり、訪問者がFacebookやInstagramで組織とつながることができます。また、訪問者がFacebookやInstagramで組織とつながることができるようにします。
Makeoverguy Appearance Studiosは、他のヴィンテージサイトと同様、コンタクトページでも、レトロなグラマラスな感覚を発信しています。ページのトップには、古い電話のイメージ、そしてロダペには劇場の観客席の写真があります。これは、信頼性とエレガンスを感じさせるビジュアルで、ブランドへの熱狂を呼び起こします。
当店は、お客様に直接サービスを提供する企業であるため、コンタクトページでは、サロンへの移動のオリエンテーションを行います。また、Google Mapsとの相互連携により、所在地を表示することもできます。さらに、Makeoverguyは、まだサービスを必要としていない、将来的に興味を持つ可能性のある顧客との関係を維持するために、潜在的なクライアントに自分のデータを削除する可能性を提供します。
アイス・モビリティのサイトを分析すると、同社がそのコンタクト・ページに細心の注意を払っていることがわかります。このページでは、キャプションの上に会社のロゴがあり、ビジュアルがとてもきれいです。また、「ジェルを磨きます」というキャッチフレーズでコミュニケーション・ページをスタートさせることで、より軽快な印象を与え、ブランドがアクセスしやすく、親しみやすいものであることをアピールしています。
アイスモビリティが「お客様をお迎えするのが大好き」であることは明らかであり、私たちはお客様に質の高いサービスと迅速な対応をお約束します。これは、何らかの形でコンタクトを取る意欲を失いかけている人々を動機付けると同時に、訪問者にブランドの価値を認識させるのに役立っています。
Confira também nosso artigo sobre os elementos essenciais da estrutura de um site.
エクイップ・ウィックス