WEB制作関連

これで見込み客を逃さない!魅力的な価格表デザインのコツ

複数のプランを持ったサービスや商材を紹介する際に価格表を作ることがあると思いますが、その際に見込み客を逃さないためのポイントや実例を紹介します。

まず、価格表を作成しようと思ったら価格や機能が比較できるようにデザインをすると思います。もちろん、見やすくデザインすることは大事ですが、さらにユーザに選んでもらうためには以下の2つポイントが重要になってきます。

1.メインで売りたいプランより上位のプランを用意してあげる。
2.おすすめのプランを強調する。

(1)はコントラスト効果という人が相対的に物事を判断するという認知特性を利用したもの。(2)はユーザーが 「どれを選んでいいかわからない。」となってしまわないためのポイントです。

この2点をおさえることで情報を正確に見せるだけではなく、商品やサービスを魅力的に見せることもできる価格表が作成できると思います。

※コントラスト効果についてはこちらでも解説していますので詳しくはこちらで。

具体的な参考事例もあわせて紹介します。

CrazyEgg

pricing_01.jpg

Wufo

pricing_02.jpg

Squarespace

pricing_03.jpg

formstack

pricing_04.jpg

Shopify

pricing_05.jpg

もっと見たい方はこちらからどうぞ

また、ちょっと違った事例ですがレンタルサーバなどのように一概にこのプランがオススメと言いづらい場合でもキャンペーンなどのお得情報を見せてあげるという手法もありますね。

CPI

pricing_06.jpg

ファーストサーバ

pricing_07.jpg

PSDのテンプレートもありますのでこちらもデザインの参考に

ただの情報ページとして整然と情報を掲載するだけでなく購買意欲をかきたてるような情報を上手く見せてあげることでコンバージョンにつながるコンテンツを増やしていくことができますね。

この記事を読んだ人はこんな記事も読んでいます

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    HTMLメールのプレビュー方法 -Thunderbird編-

    HTMLメールを作ったんですが、どうやってプレビューすればいいの?…

  2. WEBマーケティング

    マーケティング心理学|テンションリダクション

    人は自分にとって重要な出来事がすむと緊張が解けて心理的に無防備な状態に…

  3. WEB制作関連

    ワイヤーフレーム作成に便利なWebツール「Moqups」

    最近利用している人をよく見かける機会が増えたこの「moqups」ですが…

  4. WEB制作関連

    レスポンシブWEBデザインで作られたWEBサイト26選

    最近、注目度のあがってきているレスポンシブWEBデザインで制作されたW…

  5. WEB制作関連

    写真を効果的に魅せる6つのjQueryギャラリー

    どんな情報を見せるにしても欠かせない画像を効果的に見せられるjQuer…

  6. WEB制作関連

    複数の動画を設置できる「jQuery Youtube Player 」

    埋め込みコードを取得すれば簡単に設置できるYouTubeの動画ですが、…

  1. LifeHack・仕事術

    プレゼン・企画書づくりに役立つ記事・ツールまとめ
  2. WEBマーケティング

    マーケティング心理学|ザイオンス効果
  3. WEB制作関連

    ユニークなレイアウトのWEBサイト40個
  4. 話題・トレンド

    チョークで描かれた3Dアートがスゴすぎる。
  5. 話題・トレンド

    Web Designing 2014年5月号に執筆させてもらいました。
PAGE TOP
Top