優れたモバイルアプリのランディングページの7つの要素

公開: 2014-06-30

発売前に話題を生み出す素晴らしい方法をお探しですか? すでにリリースされているアプリを売り込んでみませんか?
いずれにせよ、アプリで何ができるかを世界に示すための専用ページ、つまりランディングページが必要になります。
ランディングページはトラフィックを送信する場所であり、多くの場合、アプリのユーザーの第一印象を形成します。正しく設定することが重要です。
しかし、「正しく理解する」とはどういう意味ですか? 成功しなかったランディングページよりも成功したランディングページを定義するものは何ですか?
7つの要素に絞り込みました。 これらのルールに従うと、アプリを紹介できる優れたランディングページを作成できます。

1.著名な名前とロゴ

何よりもまず、ランディングページは、アプリに対する一般の認識を高める必要があります。 あなたの名前とロゴを際立たせることは必須です。
あなたのアプリの素晴らしさを誰かに納得させて、あなたが何と呼ばれているのか、またはあなたを見つける方法の手がかりを持たないようにするだけでは意味がありません。 これは、まだ起動していない場合に特に当てはまります。 あなたの名前がす​​ぐに認識できない場合、たとえ彼らがあなたのアイデアを愛していたとしても、人々はあなたをスキップします。
ランディングページに名前とロゴがはっきりと表示されていることを確認してください。
これはほとんどのランディングページに表示されますが、例が必要な場合は、Statnutのランディングページをご覧ください。
Statnutランディングページのスクリーンショット

2.短く明確な見出し

インターネットユーザーは、注目のスパンが短いことで有名です。 できるだけ早く訪問者の注意を引く必要があります。そうしないと、訪問者はクリックするだけです。
これはあなたの見出しの仕事です:あなたのアプリが何をするかをほんの少しの言葉で人々に伝えること。
優れたランディングページの見出しの鍵は明確さです。
しゃれは賢いと思うかもしれませんが、最終的には人々に考えてもらいます。 考えるには時間と労力がかかります。これは多くの人があなたに与えないものです—少なくともすぐにではありません!
Trelloのランディングページに表示されているように、見出しを太字にし、メッセージをシンプルにします。 Trelloはプロジェクト管理ツールであり、「 Organize Everything、Together」という見出しは、知っておく必要のあるすべてのことを3つの単語で示しています。
あなたの見出しはこれほど明確ですか?
Trelloランディングページのスクリーンショット

3.召喚状をクリアする

すべてのランディングページには召喚状が必要です。 訪問者をアプリに興奮させて、その事実を利用しないのは意味がありません。
行動を促すフレーズは明確で説得力があり、視聴者が希望する行動をとることができる限り簡単にできるようにする必要があります。
アプリがすでに公開されている場合は、アプリをダウンロードすることを意味します。
アプリが起動していない場合は、将来の更新のためにメーリングリストにサインアップすることを意味します。
さらに、私たち全員が余分な露出を使用する可能性があるので、ソーシャルメディア共有ボタンもいくつか入れてみませんか?
良い例はPOPです。 2つの大きなボタンを使用すると、訪問者は目的のプラットフォームにアプリを簡単にダウンロードできます。さらに、アイコンの下にソーシャルメディア共有ボタンがあります。
POPランディングページのスクリーンショット
まだリリースされていないランディングページの場合、MagikstraはCTAスポットを取得します。 電子メールの更新のための簡潔なフィールド、および見つけやすいソーシャルメディア共有ボタン。
Magikstraランディング画面のスクリーンショット
どちらの例でも、ソーシャルメディアボタンが電子メールのサインアップボタンやダウンロードボタンよりも目立たないように配置されていることに注目してください。
CTAが競合しないようにする必要があります。そうしないと、効果が低下します。 ダウンロード/サブスクリプションがソーシャルシェアよりも価値がある場合は、それを優先します。
そして、CTAの最後のポイント:フォールドの上に少なくとも1つあることを確認してください。次に何をすべきかわからないユーザーを失いたくないのです。

4.簡潔に保つ

あなたの見出しは、読者にあなたのアプリが何をするかについての要点を与えます。 あなたが彼らの注意を引いたら、それは彼らを巻き込む時です。
最善のアドバイスは、折り目の上で物事を簡潔に保つことです。テキストが多すぎると威圧的です。
訪問者が深くなるほど、情報はより詳細になります—経験則としてこれを使用してください。
説明を短くすることはまだ価値があります—箇条書きはうまく機能します—しかし、ユーザーがすぐに納得しない場合は、アプリの個々の機能と利点の販売を開始する時が来ました。
提供する詳細レベルを判断するときは、ターゲットの人口統計を念頭に置いてください。 専門家向けの金融アプリでは、豚に腹を立てて鳥を撃つ子供向けゲームよりも、その機能をより徹底的に説明する必要があります。
Stripeのランディングページは、これが実際に行われている好例です。アプリが何のためにあるのかを1文で説明しています。 さらに下に、行動を促すフレーズを超えて、3つのアイコンが表示され、それぞれが特定の機能または利点に焦点を当てています。 これらのそれぞれの下にはリンクがあり、専用のページに移動することでアプリの機能をさらに説明しています。より深く、より詳細な情報です。
ストライプランディングページのスクリーンショット

5.ビデオを統合する

私の意見では、ビデオのないランディングページにはトリックがありません。 多くの訪問者は、最も簡潔な情報でさえ読む準備ができていませんが、座ってビデオを見るでしょう
これを利用するか、アプリのリーチを制限します。
ビデオは洗練されている必要はありません。 アプリの機能、機能、ユーザーへのメリットについて簡単に紹介します。
あなたがそれを面白くすることができれば、あなたにとってさらに良いことです—ビデオは見やすく、消費しやすく、そして無限に共有可能であり、あなたのアプリに追加の露出を与えます。
うまく統合されたビデオがどのように見えるかを確認するには、Groopicランディングページをチェックしてください。 このビデオは、ビデオをどのように見せたいかを示す教科書の例でもあります。
Groopicランディングページのスクリーンショット
ビデオを使用することの利点は計り知れませんが、それでも反対する人もいます。 少なくともアプリのスクリーンショットを使用してください。
ヒューマンランディングページのスクリーンショット

6.強力なブランディングを組み込む

ローンチ日が来たことを他の人に覚えてもらいたい場合は、ランディングページが印象的であることを確認することをお勧めします。
あなたがFacebookでない限り、あなたはただの青い背景で逃げるのに苦労するでしょう。 それは退屈すぎます—すぐに忘れられます。
もちろん、アプリの素晴らしいアイデアは、あなたがどれほど記憶に残るかという点で大きな役割を果たしますが、強力なブランディングは、あなたが誰であり、何をするかを強化します。
ブランディングの鍵は一貫性です:色、フォント、デザイン要素。 印象的な写真を投げると、非常に独特なものを作成できます。 非常にあなた
描画アプリは多くのスケッチと明るい色を使用する場合がありますが、これは金融アプリのブランドイメージに適合しません。彼らはプロ意識と権威を叫ぶ大胆な色とフォントを探しています。
TwitterやFacebookのように、アプリに関連付けたい色がある場合は、この色がランディングページで支配的であることを確認してください。 この良い例は、大胆なピンク色を利用したSoundAsleepアプリです。
SoundAsleepランディングページのスクリーンショット
もう1つの優れた例は、Biknランディングページです。
明るい色は目を引くもので、遊び心があり、子供たちにアピールします(物を失う可能性が高くなります)が、すべてが非常に調整されているため、セキュリティガジェットに不可欠です。
Biknランディングページのスクリーンショット

7.たくさんの空白

すでに6つのポイントが続くので、どうすれば1つのランディングページにこれほど多くを詰め込むことができるのか疑問に思われるかもしれません。
しかし、詰め込みはあなたが目指すべきものではありません。
空白が多いシンプルなデザインは、ランディングページとして常に最適に機能します。ページに多くの文字が表示されると、ページが乱雑に見え、個々の要素の効果が低下します。
この良い例は、Weathertronのランディングページです。 これまでに説明したすべてを利用しますが、それでもクリーンな感じがします。 いくつかの異なるセクションがあり、これにより、Weathertronは、すべてを折り目の上に投げて「うるさい」状態にするのではなく、物事の間隔を空けることができます。
Weathertronランディングページのスクリーンショット

まとめ

効果的なランディングページが必要な場合は、これらのルールに従うほど、より適切に実行できます。
ランディングページでのあなたの経験は何ですか? 不足している要素はありますか? コメント欄でお知らせください!
アプリのランディングページを作成するための優れたテーマを見つけたいですか? こちらの仕事に最適なWordPressテーマのガイドをご覧ください。