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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
いまさら聞けない無料でオリジナルなアイコンフォントを作る方法・利用する方法
アイコンフォントは便利だ、という声をあちこちで耳します。 遅ればせながら私も使ってみましたが、本当
-
-
無料で利用できるhtml5プレイヤー(jQueryプレイヤー)14(2013)
html5のお陰で、プラグインなしでビデオ、音楽を導入できるようになりました。 iPhoneは今後
-
-
HTML,CSS,JSのコードを美しく整形し?部分の指摘もしてくれるDirty Markup
HTML,CSS,JSのコードを美しく整形し、?部分の指摘もしてくれるDirty Markupをご紹
-
-
ファイルのウイルス・マルウエアを無料でスキャンできるオンラインサービス9
ファイルのウイルスやマルウエアを無料でスキャンできるオンラインサービスセキュリティーサービスをご紹介
-
-
動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos」は必見
動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos
-
-
WordPressにベストな格安レンタルサーバーはこれです!
WordPressでレンタルサーバーを選ぶ場合のおすすめサーバーご紹介します。 新しくWordPr
-
-
これは魅力的!CSSだけで実装できる無料の画像ホバーエフェクト22
CSSだけで実装できる魅力的な画像用のホバーエフェクトをご紹介します。 種類は全部で22種類です。
-
-
人気のHTML/CSSコードサンプル25+おまけ2 from CodePen
CodePenはHTML,CSS,JSのコードサンプル配布サイトです。 紹介されているコードの種類
-
-
背景に使いたい!美しくカラフルなトライアングルメッシュ画像をSVGとして作成できるjsライブラリー「Trianglify」
最近よく見かける背景画像といえば、美しいボケ味の効いた画像やカラフルなピクセルパターンですが、美しく
-
-
HTML5/レスポンシブ/フラットデザインの無料テンプレート50(2013年分)
以前「全部無料!レスポンシブWEBデザイン制作を驀進させるレスポンシブ対応テンプレート121」という