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ページを丸裸にしてしまう「The Sexy Curls jQuery」

    右上のちょっとめくれている部分を開くとあれよあれよとWEBページの中身…

  2. WEB制作関連

    カッコいいグランジ風のフォント45個まとめ

    グランジ系フォントのまとめです。個人利用向け中心ですが好みのものが多か…

  3. WEB制作関連

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

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

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

    ツールジプシーの果てに。

    先日、「WEBディレクターの為のEXCEL術(1)作業スケジュール」と…

  5. WEB制作関連

    EVERNOTEの新機能「Site Memory」実装編

    EVERNOTEからリリースされた新機能「Site Memory」を早…

  6. WEB制作関連

    HTML5でできることがひと目で分かるWEBサイトまとめ

    話題のHTML5ですが、書籍やセミナーもどんどん増えてきてますね。そん…

  1. 話題・トレンド

    思わず微笑んでしまう画像集
  2. WEB制作関連

    複数の動画を設置できる「jQuery Youtube Player 」
  3. WEB制作関連

    クリエイティブなシングルページWEBサイト20選
  4. WEB制作関連

    必ず重宝するシンプルなアイコンセット20選
  5. LifeHack・仕事術

    Gmailで実践するGTD
PAGE TOP
Top