ホームペー  /  すべて  / クリエイティブな Web サイトのポップアップのデザイン例とインスピレーション

クリエイティブな Web サイトのポップアップのデザイン例とインスピレーション

クリエイティブな Web サイトのポップアップのデザイン例とインスピレーション

すべてのマーケティング担当者は、ポップアップ デザインのインスピレーションと例を得るためにスワイプ ファイルを必要としています。 この記事では、新しく魅力的なポップアップを作成する必要があるときに使用している独自のスワップ ファイルを紹介します。

この中の Poptin 自身の例以外 gallery, 他の例も参考にして創造力を発揮することを強くお勧めします。

この記事では、2022 年のリードマグネットのコンバージョン率を向上させるための、創造的で刺激的なポップアップのデザインと例をいくつか紹介します。

さあ、ダイビングしましょう。

正直さと信頼性のコピーデザインポップアップ 

私は常に、読者を電子メール アドレスを教えるように誘惑する魅力を備えた、正直で本物のコピー デザインのポップアップを推奨します。

ウィキペディアは、成長を続けるために正直であり、寄付を求めるという素晴らしい仕事をしてきました。 私たちは皆、自由で公平な情報を必要としています。ウィキペディアはその点で素晴​​らしい仕事をしています。 したがって、このシンプルなデザインのコピーには独自の利点があります。

image9

私が見つけたもう XNUMX つの正直なポップアップは ProfitWell によって作成されました。 私が ProfitWell の Web サイトにアクセスしている間、彼らは価格設定ページの解体を宣伝していました。 内容は良いのですが、ブログでのユーザー エクスペリエンスを妨害するものだったため、「ポップアップは嫌いです…」で始まっていました。私はそれに完全に共感できました。 

image10

なぜ? それは正直で、率直で、メールアドレスと引き換えに何かを与えるというものです。 さらに、画像は本物で、上のポップアップの XNUMX 人は素晴らしい仕事をしています。 

すぐに登録しました。

ポップアップのデザインを関連性があり、共感できるものにし、優れたコピーを作成できれば、おそらくまともなコンバージョン率が得られるでしょう。

シンプルなデザインのポップアップ

シンプルなだけで十分な場合もあり、それがうまく機能します。 なぜシンプルなポップアップデザインが機能するのでしょうか? 通常、オファーが素晴らしい場合に機能します。 社会的証明、そしてコピーが素晴らしいです。

これで、マーケターに提供された素晴らしい例を共有したいと思います(ところで、私たちマーケターは通常、他人に対して批判的です)。

image12

Harry dry はこの小さなプロジェクトを実行し、終了インテントで上記のポップアップを表示します。 社会的証明 (マーケティング担当者 9691 人)、実用的なヒント、2 分で読める (ハードルが低い) 機能があり、登録を解除する人は 0.4% 未満であり、無料であるため、正直です。 

このような素晴らしいオファーを伴うコピーは常に機能します。 インスピレーションを得るためのシンプルなデザイン例を探しているなら、これが最適です。

最後に、「サインアップしてください」とは書かれておらず、代わりに「マーケティングをアップグレードしてください」と書かれており、実際には価値ベースの行動喚起を行っています。

素晴らしい仕事だハリー!

編集者注: マーケティングの例からコピーライティングのヒントをチェックしてください 

私が入手したもう XNUMX つの非常に単純なポップアップ デザインの例は、Ahrefs からインスピレーションを得たものです。

image2

Ahrefs は、ブログ訪問者をファネルに入れることはできないため、訪問者に新しいコンテンツを継続的に提供する方がよいと想定しています。 そのコンテンツは販売ページのようなものなので、読者/訪問者は最終的にコンバージョンにつながります。

したがって、マスコットを含む上記の単純なポップアップは、変換に非常に役立ちます。 Ahrefs によると、月間 0.5 万人の訪問者のうち、コンバージョンの 250% 以上を占めています。 そうですね、それならうまくいきます。

最後のシンプルなポップアップ デザインのインスピレーションは、私がフォローしているグロース ハッカーからのものです。 これらは教えている人たちの集まりです 成長マーケティング ポップアップはシンプルですが、私のような学習者にとっては効果的です。 これは素晴らしいコピーに加えて、多くの社会的証拠を備えたものです。 

image1

マスコットポップアップのデザイン例 

正直に言うと、私はマスコットのポップアップが大好きです。 個性があり、ブログやウェブサイトにクリエイティブな側面を与えます。 ブランドの認知度を高めるのに最適であることは言うまでもありません。

私は Poptin の従業員ではありませんが、オウムのマスコットのポップアップが大好きです。

image8

上の例では、Poptin は終了の意図を示し、恐怖のアプローチを使用して私にサインアップさせます。 サインアップの障壁は XNUMX 分もかからないため、非常に低いです。 オウムのマスコットはいつも飛んでいるから、注目を集めている。

ポップアップのデザインにマスコットを使用したい場合は、適切な注目を集めるようにしてください。

最後に、このコピーは、無料アカウントを開始し、それらの訪問者を通じてより多くの顧客を獲得することを提案しています。 素敵な!

とてもエレガントに行われているという理由だけで登録したいと思います。

コンテキストをうまく利用したもう XNUMX つの優れたクリエイティブ インスピレーションは、Hipmunk です。

image4

このポップアップは、マスコットと待ち時間と読み込み時間を利用しています。 Hipmunk は注目を集めるためにマスコットで良い仕事をしましたが、配置とトリガーはさらにうまく行われました。 

シンプルかつ効果的です。 アプリケーションの待ち時間が長い場合は、このタイプのポップアップをお勧めします。

コンテンツマーケティングのポップアップデザインのインスピレーション

簡単に宣伝して潜在顧客を獲得できる優れたコンテンツがある場合、なぜそれを提供したくないのでしょうか? 電子書籍を単純に宣伝することもできますが、 ウェビナー Verisk XNUMXE、インフォグラフィック、コミュニティオファーなど。

Appcues は数年前にオンボーディング アカデミーを共有することで良い仕事をしました。 彼らのアカデミーは、多くの SaaS 起業家やプロダクト マネージャーを教育してきました。 以前のポップアップ デザインの例を次に示します。

image7

 上記のポップアップは、 良いデザイナー そして素晴らしいコピー付き。 ブログの更新にも同様のポップアップが表示されます。

image6

私は個人的に、ブログよりもオンボーディング アカデミーのポップアップの方がずっと好きです。 ただし、より多くの訪問者をコンバージョンにするには、両方を使用する必要があります。

個人的には、ブログのオファーを見ると、Airfocus のようなコピーに少しのタッチを追加することを常にお勧めします (製品ロードマップ ツール)はそれを行います:

image13

続きを読む: 製品ロードマップ

また、自分の製品に関連する多くのコンテンツを宣伝しており、Poptin のフォームを使用しているため、かなり良いコンバージョン率が得られました。

私は Userpilot のメール コースと製品導入スクールを宣伝してきました。 驚いたことに、ブログ内の埋め込みフォームからのコンバージョンはポップアップよりも優れていました。 これらは間違いなく良い例です。

image3

これは私が使用している Poptin のテンプレートで、非常にうまく機能しています。 

image5

どちらのデザイン インスピレーションも、コピーを使用してコンテンツを効果的に宣伝しています。 

私が得てインスピレーションを得たもう XNUMX つの優れたコンテンツ ポップアップ デザインのインスピレーションは、デミオでした。 Demio はウェビナー管理ツールであり、私はその電子ブックに昇格しました。 私は「ウェビナーの運営方法」についてもっと学ぼうとしていたので、それは適切な位置にありました。

しかし、最も効果的だったのは、「ダウンロード」をクリックさせるデザインとコピーでした。 

image11
何と言えばいい? 上記のポップアップ デザインは、私にダウンロードさせるのに適切なタイミングと適切な場所 (ブログ) にありました。 背景の効果的な使い方も素敵ですね。

これらのポップアップのデザインがあなたにインスピレーションを与えてくれれば幸いです。 

まとめ

上記のポップアップ デザインのインスピレーションと例は、インスピレーションを得るためのものです。 ただし、私があなたに提供できるプロのヒントの XNUMX つは、独自のスワイプ ファイルを作成することです。 これらのデザインやインスピレーションは、すぐに時代遅れになってしまう可能性があります。

したがって、常に最新の情報を入手し、インスピレーションを得続けることが重要です。

Aazar Ali Shad は起業家、成長マーケティング担当者 (ハッカーではありません)、そして経験豊富な SaaS 担当者です。 彼はコンテンツを書いて、学んだことを世界と共有することが大好きです。 Twitter @aazarshad または aazarshad.com で彼をフォローできます。