個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

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

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

海外サイトなどではよく目にするプライステーブル/価格表。
この価格表は、いうまでもなく、コンバージョン率を左右するほど重要なデザインパーツの一つです。
ある報告ではプライステーブル/価格表のデザインを変えただけで、コンバージョン率が10%以上も改善したという驚きの報告があったほどです。
今回は、そんなプライステーブル/価格表のうち、デザイン性にすぐれ、かつ無料のHTML+CSSでつくられたプライステーブル/価格表をご紹介します。
デザインの参考になれば幸いです。

Responsive Pricing Table with Neat Hover States

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
非常に詳しいチュートリアルがついた、レスポンシブ対応のプライステーブル/価格表。
しかも、マウスオーバーすると、該当するプライステーブルが拡大するアニメーション付き。
DownloadDemo

Cool Table – Free Pricing Table

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
フラットデザインのプライステーブル/価格表。
DownloadDemo

Free Responsive CSS Pricing Table with HTML/CSS

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
便利なレスポンシブ対応のプライステーブル/価格表。
DownloadDemo

Free CSS3 HTML Pricing Table

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
チュートリアル付きのCSSプライステーブル/価格表。
DownloadDemo

Pimp Your Tables With Css3

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
カスタマイズが簡単なプライステーブル/価格表。
3種類のデザインがあります。
DownloadDemo

Free Flat Responsive Pricing Table

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
フラットデザインのプライステーブル/価格表。
DownloadDemo

Multiple Pricing Table

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
シンプルながらとても見やすいプライステーブル/価格表。
DownloadDemo

Free CSS3 Pricing Table With Html

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
マウスオーバーすると、当該価格表がズームアップするアニメーションが実装されています。
DownloadDemo

Responsive Html Price Box Table Template

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
こちらもレスポンシブ対応のプライステーブル/価格表。
DownloadDemo

A Modern Pricing Table With HTML and CSS

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
まるでPhotoshopで作成したかのようなデザインのプライステーブル/価格表。
これもHTML+CSSだけで実装されています。
DownloadDemo

Free CSS3 pricing table

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
プライステーブル/価格表として王道パターンともいえる安定したデザインが特徴です。
DownloadDemo

Free Pricing Tables Using CSS3

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
こちらも、マウスオーバーすると、該当するプライステーブルが拡大するアニメーションがついたプライステーブル/価格表。
Download

Stylish free Pricing Table

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
スタイリッシュなプライステーブル/価格表。
DownloadDemo

CSS3 Pricing Table UI Element

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
マウスオーバーすると、該当するプライステーブルが斜めにズレるアニメーションがついたプライステーブル/価格表。
DownloadDemo

Simple Free Css Pricing Table

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
カスタマイズ性にすぐれたシンプルなプライステーブル/価格表。
Download

Checkout Pricing Table HTML Template

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

CSS3 table pricing style – Tutorial

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
シンプルなプライステーブル/価格表。
作成のためのチュートリアルがついています。
DownloadDemo

Plans & Pricing Table

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

Stylish Free Html Css Pricing Table

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
スッキリしたデザインのプライステーブル/価格表。
Download

Standard Table Showcase

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
ミニマルデザインのプライステーブル/価格表。
DownloadDemo

Mini Free Pricing Table

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
小さなプライステーブル/価格表。
DownloadDemo

9 Free CSS Html Pricing Table Pack

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
9つのデザインからあるプライステーブル/価格表。
Download

Flat Price Template

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
フラットデザイのプライステーブル/価格表。
DownloadDemo

CSS Price Tags Free

コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表27
値札/プライスカード。
DownloadDemo

Simple Pricing Table Free

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

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 3
  • 4

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

ワンランク上のWEB表現を目指すなら!HTML/CSS/JSの必見テクニック満載「Top Pens of 2013」

CodePenというWEBサービスをご存知でしょうか。 CodePenは、HTML/CSS/Jav

記事を読む

息抜きに火星ツアーに出かけよう!火星をバーチャル・ツアーできるDiscovering Gale Crater

息抜きに火星ツアーに出かけよう!火星をバーチャル・ツアーできるDiscovering Gale Crater

火星をバーチャル・ツアーできるDiscovering Gale Craterをご紹介します。 Lo

記事を読む

波打つようなクリックエフェクトを実装できる「Waves」

今回はクリックしたときに、静かな湖面を指で触れて波打つようなエフェクトを実装できるライブラリーをご紹

記事を読む

激易!YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」

激易!YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」

YouTubeやViemoなどの動画、あるいはGoogleMapsをコピペだけでレスポンシブ化できて

記事を読む

月額ゼロ円(無料)でホームページ・ECサイトを制作・運営できるサービス12

ホームページ制作を生業としているものにとっては、穏やかではないのが「無料でホームページを制作できてし

記事を読む

無料ホームページなのにプロ並みのデザイン&高機能サイトが瞬時に作れるWix!感想と使い方をご紹介

無料ホームページなのにプロ並みのデザイン&高機能サイトが瞬時に作れるWix!感想と使い方

Wixという無料ホームページがつくれるサービスをご存知でしょうか。 かなり以前からあったサービスで

記事を読む

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

背景画像をサッとつくれる便利ツール20選

背景画像をサッとつくれる便利ツールやサイトをご紹介します。 背景にちょっと手を加えるだけで、見た目

記事を読む

文字をカラフルに!CSSとjQueryでテキストを2〜3色で表現してしまう「HalfStyle」

CSS3やWEBフォントの登場でテキスト回りの装飾がお手軽になってきましたが、1文字をだけを2〜3色

記事を読む

無料で商用利用可のレスポンシブ/HTML5対応のテンプレートをまとめてくれている「HTML5 UP」

無料テンプレートを探すとき、どういう基準で探していますか? レスポンシブ対応? HTML5対応?

記事を読む

ハイクオリティーなのに全部無料!現場で使えるBootstrap3用テンプレート40+

ハイクオリティーなのに全部無料!現場で使えるBootstrap3用テンプレート40+

ハイクオリティーなのに全部無料の現場で使えるBootstrap3用テンプレートをまとめました。 ラ

記事を読む