グロースハック実践編デザインをハックする

｜ 8572 PV ｜ 2019.01.22

favorite_border

メリハリが全てを決める　

世の中に何百万と存在するWebサイトの中であなたが作るサイトは突出していますか？
デザインが優れていることや、唯一無二のサービスを提供しているか？ということではありません。

ユーザーが訪問した最初の１０秒で注意を得て、次のアクション（Call-to-Action)につなげていることができていますか？

サービスやサイトをグロースハックするには、その入口のランディングページや、トップページで、あなたのサイトやサービスの価値を突出させるための演出をしなければなりません。

今回は、突出するための必須テクニックを紹介します。

まずは無料の14講座から受講してみましょう。わかりやすくて目からウロコですよ。
» 今すぐ無料講座をチェックする

Picture worthies thousands words(百聞は一見にしかず)

Hiriseというスタートアップは最初、テキストのみで、サイトのランディングページを作っていました。パフォーマンスが思ったより伸ばすことができず、思い切って女性の写真をトップ背景イメージにしてみました。するとコンバージョン率が倍（プラス102%) に跳ね上がりました

その後も、様々な人物イメージでABテストを繰り返しました。数％の差ですがよりサービスのトーン＆マナーに適した人物イメージが見つかり、コンバージョン率を５％上げることに成功しました

2 Encapsulation（エンカプセレーション）

エンカプセレーションとは日本語でユーザーの視点を虜にすることがです。つまり、コンテナを用意して、その中にあるCall-to-Action (アクション動線）をハイライトするというテクニックです。

たとえば、下のアマゾンの商品ページはいかがでしょうか？アマゾンとしては、ユーザーに商品を購入してもらいたいので、1-click Buying ボタンをエンカプセルしています。このように、一番ユーザーにフォーカスしてほしいCall-to-Actionを強調することでコンバージョンを上げることができます。

配色と対照性の活用

色というのは、サイト訪問者に感情を呼び起こします。アマゾンでも活用されているオレンジというのは、ポジティブな感情を換気させる色と言われています。”あなたはこれを購入することは、素晴らしい選択肢です”といった感情を呼び起こします。ランディングページの中で、Call-to-Actionの部分にはオレンジ色を使ってみてください。きっとコンバージョンが今の色よりも上がるはずです。