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ディレクターズマニュアル

    WEBディレクターの為の便利ツール「Support Detail」

    エラーが起きていると言われたけど自分のPCでは再現しない。そんな時はま…

  2. WEB制作関連

    WEBサイト心理学|マジカルナンバー

    これはアメリカの心理学者ジョージ・ミラーが提唱した言葉で、普段の生活の…

  3. WEBマーケティング

    マーケティング心理学|バーナム効果

    まずは、以下の質問に答えてみてください。 他人から好かれた…

  4. WEB制作関連

    やっぱりオシャレなフォトグラファーのWEBサイト20個

    写真家たちのWEBサイトのまとめです。写真を大きく使ったものが多いです…

  5. WEB制作関連

    美しい写真に目を奪われるWEBサイトまとめ

    WEBサイトを作る時にきれいな写真素材が揃っているとちょっとモチベーシ…

  6. WEB制作関連

    HTML5を学ぶなら必ず見ておきたいWEBサイト35選

    そろそろ本格的に学びたいHTML5ですが、そんな時にぜひ参考にしたいW…

  1. WEB制作関連

    どこまでも横に展開していきそうな25個のWEBサイト
  2. 話題・トレンド

    アートの域に達したアイメイクがスゴイ。
  3. 話題・トレンド

    Windows効果音だけでつくった音楽
  4. 話題・トレンド

    たった1枚の紙で実現したAR(拡張現実)
  5. 話題・トレンド

    賛否両論 !?スターバックスのロゴがリニューアル
PAGE TOP
Top