有名Webサービスのデザインから考える、上手な料金プランの見せ方 | Goodpatch Blog

複数の料金プランを持つWebサービスを利用する際、皆さんはどういう基準でプランを選びますか？私は自分に必要な機能は何なのか、料金に見合った内容かどうか、他のプランと比較してお得なのはどれなのか等を考えながら検討していきます。そのために一目でそれぞれのプラン内容がわかったり、各プランを簡単に比較できるデザインだと決めやすいのですが、自分にぴったりのプランがすぐにわからないと結局どれも申し込まない、なんてことも。そこで今回は複数のプランを持つWebサービスの料金表を見ながら、どんなデザインをしてユーザーに魅力を伝えているのかチェックしてみたいと思います！ SQUARESPACE http://www.squarespace.com/pricing/ プランを3つ用意しているSQUARESPACEは、おすすめの$16のプランを人気のプランとして画面の真ん中にくるように配置しています。緑背景の”M

[ingo]

海外のWebサービスみんなこんなだな

[kijtra]

「＄」とかならかっこよく見えるんだけど、「円」「¥」だとなんか締まらないんだよねw

[kick178]

ファーストビューに申し込みボタン！！

[karauma]

料金プラン

[i_mairy]

料金だけじゃなく、比較するコンテンツにも使い回せそうなアイデア

[sippo_des]

上手な料金プランの見せ方

[hama_shun]

料金プランデザイン

[tagutagumasa]

有名Webサービスのデザインから考える、上手な料金プランの見せ方 | MEMOPATCH

[warriorking]

有名Webサービスのデザインから考える、上手な料金プランの見せ方 | MEMOPATCH

[invent]

有名Webサービスのデザインから考える、上手な料金プランの見せ方 | MEMOPATCH

[cider_kondo]

おもしろかったが、「駄目なデザイン」をぶった切るページも見てみたいという黒い衝動が自分の中にあるのも感じた。

[tweetyukky]

真ん中の料金メニューがポイント

[birdtomita]

まだ見てないけど、どんな提案でも「並」もしくは「竹」をメインに考えて作るのは当たり前。

[omoniseo]

え！めっちゃはてブ付いてるけど！！

[sho_yamane]

まーメリハリですな。

[honeybe]

herokuの料金の見せ方にまさるものはないと信じているのだが。

[YukeSkywalker]

みとこう

[beautygirl1985]

(/o＼)

[sisicom]

値段表の作り方。見本例。

[kiyo560808]

複数の料金プランを用意したとき、それぞれのプランの違いをいかにユーザにわかりやすく伝えるか。デザインの良し悪しで伝わり方が全然違う。色々なデザイン例があって参考になる。

[emj1025]

料金の見せ方

[ku_marin]

料金表の見やすい見せ方

[nilab]

有名Webサービスのデザインから考える、上手な料金プランの見せ方 | MEMOPATCH : ファーストビューに申し込みボタンを表示 : 料金ごとにボタンを用意 : 各プランのメリットが一目でわかる : 比較することによってお得感を出す