2015/01/26
コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表25

海外サイトなどではよく目にするプライステーブル/価格表。
この価格表は、いうまでもなく、コンバージョン率を左右するほど重要なデザインパーツの一つです。
ある報告ではプライステーブル/価格表のデザインを変えただけで、コンバージョン率が10%以上も改善したという驚きの報告があったほどです。
今回は、そんなプライステーブル/価格表のうち、デザイン性にすぐれ、かつ無料のHTML+CSSでつくられたプライステーブル/価格表をご紹介します。
デザインの参考になれば幸いです。
Responsive Pricing Table with Neat Hover States
非常に詳しいチュートリアルがついた、レスポンシブ対応のプライステーブル/価格表。
しかも、マウスオーバーすると、該当するプライステーブルが拡大するアニメーション付き。
DownloadDemo
Cool Table – Free Pricing Table
フラットデザインのプライステーブル/価格表。
DownloadDemo
Free Responsive CSS Pricing Table with HTML/CSS
便利なレスポンシブ対応のプライステーブル/価格表。
DownloadDemo
Free CSS3 HTML Pricing Table
チュートリアル付きのCSSプライステーブル/価格表。
DownloadDemo
Pimp Your Tables With Css3
カスタマイズが簡単なプライステーブル/価格表。
3種類のデザインがあります。
DownloadDemo
Free Flat Responsive Pricing Table
フラットデザインのプライステーブル/価格表。
DownloadDemo
Multiple Pricing Table
シンプルながらとても見やすいプライステーブル/価格表。
DownloadDemo
Free CSS3 Pricing Table With Html
マウスオーバーすると、当該価格表がズームアップするアニメーションが実装されています。
DownloadDemo
Responsive Html Price Box Table Template
こちらもレスポンシブ対応のプライステーブル/価格表。
DownloadDemo
A Modern Pricing Table With HTML and CSS
まるでPhotoshopで作成したかのようなデザインのプライステーブル/価格表。
これもHTML+CSSだけで実装されています。
DownloadDemo
Free CSS3 pricing table
プライステーブル/価格表として王道パターンともいえる安定したデザインが特徴です。
DownloadDemo
Free Pricing Tables Using CSS3
こちらも、マウスオーバーすると、該当するプライステーブルが拡大するアニメーションがついたプライステーブル/価格表。
Download
Stylish free Pricing Table
スタイリッシュなプライステーブル/価格表。
DownloadDemo
CSS3 Pricing Table UI Element
マウスオーバーすると、該当するプライステーブルが斜めにズレるアニメーションがついたプライステーブル/価格表。
DownloadDemo
Simple Free Css Pricing Table
カスタマイズ性にすぐれたシンプルなプライステーブル/価格表。
Download
Checkout Pricing Table HTML Template
シンプルデザイのプライステーブル/価格表。
DownloadDemo
CSS3 table pricing style – Tutorial
シンプルなプライステーブル/価格表。
作成のためのチュートリアルがついています。
DownloadDemo
Plans & Pricing Table
Stylish Free Html Css Pricing Table
スッキリしたデザインのプライステーブル/価格表。
Download
Standard Table Showcase
ミニマルデザインのプライステーブル/価格表。
DownloadDemo
Mini Free Pricing Table
9 Free CSS Html Pricing Table Pack
9つのデザインからあるプライステーブル/価格表。
Download
Flat Price Template
フラットデザイのプライステーブル/価格表。
DownloadDemo
CSS Price Tags Free
Simple Pricing Table Free
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
今さら聞けない!作業時間を短縮するChrome用ショートカットベスト・コレクション
ブラウザはChromeを使ってます。 そのChromeでサイトを制作したり、ブログを書いたりしてい
-
-
いまさら聞けない無料のアイコンフォントの導入の仕方・使い方
アイコンフォントを今頃になってようやく使ってみました。 最初は正直よくわからず、戸惑ってしまいまし
-
-
ショッピングカートだけの利用も無料!決済システムが充実したBASE(ベイス)が使える
無料でネットショップが開設できるBASE(ベイス)に、ショッピングカートだけの利用も無料というサービ
-
-
無料で利用できる検索フォーム12(CSS3,HTML5,jQuery)
検索フォームはサイトに欠かせない重要な要素の1つになっています。 最近では、アニメーションを用いた
-
-
もはやアート?ブラウザの閲覧履歴をファビコンで一覧表示する「Iconic History」
ブラウザの閲覧履歴をファビコンで一覧表示するChromeの機能拡張「Iconic History」を
-
-
グラフィックデザイナーのためのオンラインポートフォリオ作成方法
グラフィックデザイナーの皆さんはオンラインポートフォリオをもっていらっしゃいますか? 持っていない
-
-
未知との遭遇!クリックするたび何かに役立つサイトを紹介する「Random Useful Websites」
クリックするたび何かに役立つサイトを紹介してくれるサイトをご紹介。 このサイト、まったく自分の興味
-
-
2014年登場のCSSツール・サービスはこれ!2014ベストCSSツール・サービス50
2014年に登場したCSS関係のツール、サービスをご紹介します。 CSS3の登場で、CSS関連のツ
-
-
コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider」
イメージスライダーは限られたスペースに多くの視覚的情報を盛り込めるので、ショップなどでは非常によく利
-
-
激易!YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」
YouTubeやViemoなどの動画、あるいはGoogleMapsをコピペだけでレスポンシブ化できて