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

海外サイトなどではよく目にするプライステーブル/価格表。
この価格表は、いうまでもなく、コンバージョン率を左右するほど重要なデザインパーツの一つです。
ある報告ではプライステーブル/価格表のデザインを変えただけで、コンバージョン率が10%以上も改善したという驚きの報告があったほどです。
今回は、そんなプライステーブル/価格表のうち、デザイン性にすぐれ、かつ無料のHTML+CSSでつくられたプライステーブル/価格表をご紹介します。
デザインの参考になれば幸いです。
Contents
- 1 Responsive Pricing Table with Neat Hover States
- 2 Cool Table – Free Pricing Table
- 3 Free Responsive CSS Pricing Table with HTML/CSS
- 4 Free CSS3 HTML Pricing Table
- 5 Pimp Your Tables With Css3
- 6 Free Flat Responsive Pricing Table
- 7 Multiple Pricing Table
- 8 Free CSS3 Pricing Table With Html
- 9 Responsive Html Price Box Table Template
- 10 A Modern Pricing Table With HTML and CSS
- 11 Free CSS3 pricing table
- 12 Free Pricing Tables Using CSS3
- 13 Stylish free Pricing Table
- 14 CSS3 Pricing Table UI Element
- 15 Simple Free Css Pricing Table
- 16 Checkout Pricing Table HTML Template
- 17 CSS3 table pricing style – Tutorial
- 18 Plans & Pricing Table
- 19 Stylish Free Html Css Pricing Table
- 20 Standard Table Showcase
- 21 Mini Free Pricing Table
- 22 9 Free CSS Html Pricing Table Pack
- 23 Flat Price Template
- 24 CSS Price Tags Free
- 25 Simple Pricing Table Free
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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
HTMLメールの無料テンプレートをお探しなら「Open Source Email Templates」
HTMLメールは、メールでの占める割合を着実に増やしていますよね。 美しいデザインのHTMLメール
-
-
無料地図製作ツールの決定版!? 日本をはじめとする世界各国の地図をカスタマイズしてSVG,HTML,PNGで書き出せる「Pixel Map Generator」
無料地図製作ツールの決定版!?ともいえる日本をはじめとする世界各国の地図をカスタマイズしてSVG,H
-
-
切れ込みの入ったリボン型のナビゲーションをCSS3だけで実装する方法
切れ込みの入ったリボン型のナビゲーションをCSS3だけで実装する方法をご紹介します。 リボン関連に
-
-
コピペで完了!12種類のプログレスバーを簡単に導入できるPACE.js
すでに当サイトにも導入してみたのですが、お気づきでしょうか。 PC版で当サイトをご覧いただくと、画
-
-
ファイルを安全にダウンロード!ダウロード前にマルウェアをスキャンしてくれるChrome機能拡張「Metascan Online」
ファイルを安全にダウンロードするため、ダウロード前にウイルスやスパイウエア、トロイの木馬などのマルウ
-
-
CSSの手入力が不要になる!複数の機能が1つになったCSSジェネレーター「ENJOY CSS」
CSS3になってから便利なジェネレーターが次々に登場していますが、今回ご紹介するジェネレーターはひと
-
-
プログラミング・コーディングの作業効率UP!ミスを激減させる見やすいフリーフォント18
プログラミングやコーディングするとき、どんなフォントを使っていますか? 私の場合、Coda 2とい
-
-
ハイクオリティーなのに全部無料!現場で使えるBootstrap3用テンプレート40+
ハイクオリティーなのに全部無料の現場で使えるBootstrap3用テンプレートをまとめました。 ラ
-
-
レスポンシブWEBデザインなら導入したいレスポンシブ対応CSSフレームワーク35(〜2013年9月まで)
レスポンシブWEBデザインにますます注目が集まっているようです。 つい最近では、カラーミーショップ
-
-
WEBサイトの必要な部分だけを印刷したいならコレが超便利!ブックマークレット「The Printliminator」
WEBサイトの必要な部分だけを印刷したい場合に大変便利なブックマークレットをご紹介。 このブックマ