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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
HTMLメールの無料テンプレートをお探しなら「Open Source Email Templates」
HTMLメールは、メールでの占める割合を着実に増やしていますよね。 美しいデザインのHTMLメール
-
動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos」は必見
動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos
-
HTML,CSS,JSのコードを美しく整形し?部分の指摘もしてくれるDirty Markup
HTML,CSS,JSのコードを美しく整形し、?部分の指摘もしてくれるDirty Markupをご紹
-
2013年のベストjQueryプラグイン47
2013年も残すところわずかになりました。 今年もたくさんのjQueryプラグインが発表されていま
-
画像URLを読み込むだけでCSSのfilterプロパティを試せる「CSS Filters Playground」
CSSで今後、ますます注目度が高まるであろうCSSフィルタ。 なにせお手軽にエフェクトをかけられる
-
レスポンシブ対応のコンテンツスライダー/スライドショーベスト8
以前の記事「レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+」
-
無料ホームページなのにプロ並みのデザイン&高機能サイトが瞬時に作れるWix!感想と使い方
Wixという無料ホームページがつくれるサービスをご存知でしょうか。 かなり以前からあったサービスで
-
インパクト大!Gmailに一瞬にしてGIFアニメーションを添付できるChrome機能拡張「Gmail GifLine」
Gmailに一瞬にしてGIFアニメーションを添付できるChrome機能拡張をご紹介します。 メール
-
プログラミング・コーディングの作業効率UP!ミスを激減させる見やすいフリーフォント18
プログラミングやコーディングするとき、どんなフォントを使っていますか? 私の場合、Coda 2とい
-
無料のドメインを取得してレンタルサーバーに設定する方法
ドメインって無料で取得できるサービスがあるのをご存知でしたか? ドメインというとお名前.comなど