ランディングページ・テンプレートPC用

ランディングページテンプレート

「これぞランディングページ販売向けの商品」と言えるモノが入ってきました。

これまでもランディングページは何度か作っていますが、テンプレートというか、形式はその都度適当に作ったんでバラバラでした。

「どんなランディングページでも応用できるようなテンプレート(HTMLとCSSのセット)はないのかな?」と調べて見ましたが、全然ないではないですか!

「うっそ~、また一から作らなきゃ行けないの?(泣)」

「そうだ!どうせ作るなら、誰もが無料でダウンロードして使えるものを作っちゃえ!」と作ってみました。

ま、そんな大層なものではないのですが、CSSファイル1個と、HTMLファイル1個のミニマムセットです。

今回、まったくふざけたサンプルですが、ランディングページの構成がイメージしやすいよう、LP作成の基本に則ってエアLPにしてみました。

きわめて単純なソースにしているので、メモ帳なりterapadなり、あるいはホームページビルダーやdreamweaverで好きなように編集できます。著作権フリーで勝手に使ってOKです。ただし、テンプレートを利用して何かトラブルがあった場合は自己責任です。逆に、儲かった場合は寄付をお待ちしております。

サンプルはショップサーブ内にオリジナルページを設置する想定で、サンプルショップへのカートボタンを設置しています。実際に購入完了まで行けるようになっています。(あくまでサンプルですよ。商品を購入することはできません。)

とりあえず大枠ができただけの、ヴァージョン1的なテンプレートです。レスポンシブデザインではなく、パソコン画面専用です。なぜなら、ランディングページの場合レスポンシブデザインにすると、デザイン面でバランスを取るのが難しいです。LPの場合はそれぞれデザインした方が見やすいし、使いやすい(注文しやすいです。)

この後、ユーザビリティ向上のために、固定式のナビゲーションをつけるのと、スマホ専用のランディングページテンプレートを作りたいと思います。



ABOUTこの記事をかいた人

ゆるい起業家。ECや飲食、コンサル、投資*などをいろいろやってます。座右の銘は「のらりくらり」。*マルチやネットワークではない。まっとうな投資。