「これぞランディングページ販売向けの商品」と言えるモノが入ってきました。
これまでもランディングページは何度か作っていますが、テンプレートというか、形式はその都度適当に作ったんでバラバラでした。
「どんなランディングページでも応用できるようなテンプレート(HTMLとCSSのセット)はないのかな?」と調べて見ましたが、全然ないではないですか!
「うっそ~、また一から作らなきゃ行けないの?(泣)」
「そうだ!どうせ作るなら、誰もが無料でダウンロードして使えるものを作っちゃえ!」と作ってみました。
ま、そんな大層なものではないのですが、CSSファイル1個と、HTMLファイル1個のミニマムセットです。
今回、まったくふざけたサンプルですが、ランディングページの構成がイメージしやすいよう、LP作成の基本に則ってエアLPにしてみました。
きわめて単純なソースにしているので、メモ帳なりterapadなり、あるいはホームページビルダーやdreamweaverで好きなように編集できます。著作権フリーで勝手に使ってOKです。ただし、テンプレートを利用して何かトラブルがあった場合は自己責任です。逆に、儲かった場合は寄付をお待ちしております。
サンプルはショップサーブ内にオリジナルページを設置する想定で、サンプルショップへのカートボタンを設置しています。実際に購入完了まで行けるようになっています。(あくまでサンプルですよ。商品を購入することはできません。)
とりあえず大枠ができただけの、ヴァージョン1的なテンプレートです。レスポンシブデザインではなく、パソコン画面専用です。なぜなら、ランディングページの場合レスポンシブデザインにすると、デザイン面でバランスを取るのが難しいです。LPの場合はそれぞれデザインした方が見やすいし、使いやすい(注文しやすいです。)
この後、ユーザビリティ向上のために、固定式のナビゲーションをつけるのと、スマホ専用のランディングページテンプレートを作りたいと思います。