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制作関連

    どこまでも横に展開していきそうな25個のWEBサイト

    横スクロールで展開するWEBサイトのまとめです。…

  2. WEBディレクターズマニュアル

    WEBディレクターがスケジュールを引いてはいけない理由

    プロジェクトを進める際には必ずスケジュールの提出を求められると思います…

  3. WEB制作関連

    アプリのようなスライドメニューを実装するプラグイン6選

    facebookのスマートホンサイトなどでも採用されているサイドからス…

  4. WEB制作関連

    クリエイティブなシングルページWEBサイト20選

    1枚構成のビジュアルをベースにしたWEBサイトのまとめです。&…

  5. WEB制作関連

    jQuery+CSSで実現する効果的な演出20選

    CSSをで制御して様々な演出をしているjQueryプラグインのまとめで…

  6. WEB制作関連

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

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

  1. WEB制作関連

    自然をモチーフにした24のフルFlashサイト
  2. Design Items

    プレゼントされたら一生忘れないアクセサリー
  3. 話題・トレンド

    佐藤さんが日本で一番多い理由
  4. 話題・トレンド

    インドのスターが踊るPerfume!?
  5. LifeHack・仕事術

    情報を遭難させないタグ管理のポイントとは。
PAGE TOP
Top