CTAボタンデザインの成功事例8選

マーケティング担当者やビジネスオーナーが Webサイトを作成する場合、Web マーケティングの一環として戦略的に CTA（Call-to-Actionの略）を含むサイトを作成をするのが一般的です。CTA は、サイト訪問者へ購入、予約、購読など、具体的な行動へ誘導するための役割を果たします。

今回は手本となる 8 つの優れた CTA 事例を紹介します。サイト訪問者を引き付け、クリックを促す効果的な CTA の特徴を確認しましょう。

ビジネス向けの Web サイト、オンラインポートフォリオ、オンライン履歴書など多彩な種類のホームページテンプレートが揃う本格ホームページ作成ツールの Wix 。ビジネスの宣伝、作品の公開、ネットショップの開設など、Web サイトを持つことで未来の成功へのチャンスをサイト訪問者へ与えます。Wix のホームページにある「今すぐはじめる」ボタンをクリックするだけで、明るく創造的な未来への扉が開けるチャンスを掴むことができるでしょう。

プレゼンテーションのツールとして人気の Prezi は、製品の特徴を伝えるために” Prezi のユニークな点 ”というテキストでサイト訪問者の興味が湧くように工夫をしています。そして、最高のプレゼンツールである具体的な特徴を画像を用いて訪問者に確実に伝えることで、訪問者の試したいという気持ちを迅速に「 Prezi を無料で試す」ボタンへと誘導する効果があるでしょう。

世界中で広く使用されているビジネス向けコミュニケーションツールの Slack 。Slack の CTA の強みを理解するために、ホームページ全体のデザインを見てみましょう。画像とテキストの両方から見て取れるように、サービスを利用する価値として「チームワーク」が強調されていることが分かります。ホームページには、サービス内容や料金プラン等の情報をクリックできるメニューバーが含まれていますが、ひと際目を引くクリックボタンは画面右上と中央の「 SLACK を始める」です。どちらのボタンも紫色で統一し、訪問者の目を引き付ける効果をもたらしています。

世界展開している宅配ピザチェーンのドミノピザ。一般的にある1つの特定の目的を持った CTA を設置しますが、ドミノピザはサイト訪問者に、配達か持ち帰りかの2つの選択肢を与えています。これら2つのボタンの素晴らしい点は、アクションを促すために最も単純でわかりやすい表現が使用されているということです。CTA のほとんどは動詞のテキストを使用する場合が多いですが、ドミノピザは「配達注文」と「お持ち帰り予約」と直感的に訪問者の希望するボタンを選択できるように明確なテキストを使用しています。

ビデオ会議ツールの zoom 。ホームページに掲載されている強力なコピーライティング「完璧なビデオ。クリアな音声。インスタント共有。」を見てみましょう。製品の価値を伝えるこの簡潔で明確なメッセージは訪問者の目を引く素晴らしいコピーライティングの例です。このコピーライティングは、 CTA である「無料サインアップ」ボタンへのクリックを後押しする効果があると言えるでしょう。

世界各地で展開している北欧スウェーデン発祥の家具量販店 IKEA 。IKEA は、家に置くインテリアや家具を提供するだけでなく、顧客がより興味を持てるようその時々の季節や行事に合わせた提案をしています。「それゆけ新生活！」というコピーライティングはターゲットオーディエンスを惹きつけ、オーディエンスの興味のもとスムーズに「詳しく見る」へのクリックを促すことでしょう。

CDN（コンテンツデリバリーネットワーク）やインターネットセキュリティサービスを提供する Cloudflare 。Web セキュリティサービスというだけあり、サイトトップにある「攻撃を受けていますか」というインパクトのあるテキストはサイト訪問者を引き付けることができるのではないでしょうか。また、Web セキュリティという専門性が高く、一般の人が読んで理解するには難しい分野となることを Cloudflare は認識しているため、「 Cloudflare の仕組みを理解する」ボタンで、文章説明よりも理解しやすい動画説明へと誘導し、訪問者の理解を深める工夫をしています。

大企業や大学、病院などの大規模組織向けのクラウドストレージサービスを提供する Box 。このような大規模組織とのビジネスには密なコミュニケーションが必要だと Box は認識しているため、「お問い合わせ」ボタンは Web サイトで非常に大事な役割を果たします。これは、ビジネスの流れを理解し、それに従った CTA を設置するという素晴らしい例です。

8つの優れた CTA 事例をご覧頂いたところで、CTA の作成に役立つ7つの効果的なポイントをご紹介します。

1. あなたの目的を明確にする

2. ターゲットオーディエンスを知る

3. 簡潔で明確なテキストを使う

4. 行動指向を促す表現を使う

5. 訪問者が得られる価値を明確に伝える

6. 作成した CTA の効果を追跡、分析する

7. 試行錯誤し改善する

効果的な CTA の作成テクニックを公開した記事も併せてご覧ください。

お手本となる CTA 事例はいかがでしたか？さぁ、あなたのホームページを作成しましょう！

ライター： Wix Team