Eggs of Designer

新宿在住の現役WebデザイナーがWeb・デザイン・SEO・アフィリエイト・ダイエット・生活・人生などについて気ままに語ります。

効果の高いLP(ランディングページ)を作る為の参考サイト一覧!

web制作関連 その他 , , ,

フリーランスで仕事が欲しいならここ

      2015/07/20

fashion-street-london-800x533

クライアントは様々な目的を持ってWebサイト制作を依頼してきます。例えば、商品Aの売上げを伸ばしたいという理由で商品A専用の特設ページ(ランディングページ)制作を依頼してきたとします。Webディレクターは売上げを伸ばす為のワイヤー、レイアウトを考えます。考えた上で、Webデザイナーに制作を依頼します。WebデザイナーはWebディレクターの指示で特設ページ(ランディングページ)を制作するわけですが、何も考えずセンスに任せて制作するというわけにもいきません。クライアントは売上げUPという点を目的としており、Webデザイナーは与えられた情報を元に売上げUPための「色使い」や「工夫」を施さなければなりません。

と言っても、中々アイディアが浮かんでこない事だってあります。自分の力で形に出来れば一番ですが、Webデザイナー経験が浅い方にとって戸惑うところだと思います。そういった方に効果の高いランディングページを作る為に参考になるサイトを紹介しちゃいます。

そもそもランディングページとは?

ランディングページとは、「様々なネット広告やリンクをクリックした際に表示されるする、サイトを含むWEBページ全般」をいいます。LPや特設ページなどとも呼ばれています。一般的には、一つの商品やサービスを売るための一枚の長いWEBページをランディングページと呼ぶようです。ランディングページは「ネットで売り上げを上げる」重要なページであり、ランディングページを改善しただけで売上げが上がったというケースもよく耳にします。(参考サイトはこちら)

効果の高いLP(ランディングページ)を作る為の参考サイト一覧

ランディングページ集めました。

スクリーンショット 2014-12-06 1.15.26

「ランディングページ集めました。」はその名の通り「ランディングページ」を集めてます。このサイトを始めたキッカケは、WEBデザインの参考サイトは複数有れど、「ランディングページ」の参考サイトが無かったから。

WEBデザイナーに求めるのは、「キレイなサイト」や「カッコイイサイト」ばかりでは有りません。「売れるサイト」を求められる事も多々あります。ランディングページはWEBサイトで物を売る手段の一つですが、デザイン一つ変えるだけで劇的にコンバージョンが上がる場合もあります。
少しでもコンバージョンが上がるように、ランディングページデザインの参考に是非ご活用ください。

WEBデザインの参考になりそうな「縦長ページのイケてるセールスレター・ランディングページ」を掲載しております。WEBデザイナーだけでなく、多くのWEB担当者様のお役に立てればと思っております。

ランディングページの厳選デザイン・リンク集

スクリーンショット 2014-12-06 1.23.57

ンディングページの制作や最適化の上で参考になる洗練されたランディングページのデザイン集。

ランディングページデータベース(Landing Page Database)

スクリーンショット 2014-12-06 1.26.03

ランディングページデータベース(Landing Page Database)は
ランディングページ(通称LP)のデザインを集めたサイトです。

誘導した顧客を確実にコンバージョンに結びつけるサイト作りは大変です。
また、参考になるデザインを探そうと思っても、
ランディングページのみを探すのはとてもエネルギーが要ります。

ランディングページデータベースでは、デザインに頭を悩ませる
Webデザイナーの皆様のためにランディングページのデザインを集めました。

スクリーンショット 2014-12-06 1.28.37

スマートフォンのランディングページの厳選デザイン・リンク集/スマートフォンランディングページ最適化・作成に関する情報掲載サイトです。

デザインの参考になるランディングページリンク集

スクリーンショット 2014-12-06 1.30.44

デザインの参考になるランディングページリンク集は、管理者自らが検索エンジンでキーワードを打ち込み、オーガニック検索およびPPC広告に表示されているランディングページを集めたものです。

ランディングページは、内容およびデザインによっては、同一商品でも売り上げが桁違いに変わったりしますが、その要因を探していくうちに、とある法則が見つかってきました。

デザインの参考になるランディングページリンク集では、ランディングページを集めるだけでなく、そのノウハウも提供していきたいと思います。

このサイトを利用し、成約率を高めて、”なぜ、成約したのか”の理由を一緒に考えていきましょう。

LISKUL

スクリーンショット 2014-12-06 1.35.11

【保存版】作りたいイメージ別!ランディングページ 「デザインの指南書」

ランディングページの製作時、デザインを「こんな印象のページにしたい」というのはあっても、いざ「どんな配色で」「どんなフォントで」「どの程度 の派手さで」を決めるとなると、一体どうやったら自社のターゲットに適したデザインに仕上がるのか分からない! ということはありませんか?

今回は、「可愛らしい」「真面目で冷静な」「先進的な」「信頼感のある」といったイメージ・印象ごとに、適した配色・フォント等デザインを実際のサイトを例に出してご紹介します。

あなたの「こんな印象を与えたい」という思いをデザインにするとこうなる! というのを具体的にまとめていますので、デザインの方針を立てる上での参考にしてください。

勝手にリスティング広告まとめ

スクリーンショット 2014-12-06 1.38.21

いろんなジャンルのテキスト広告、イメージ広告(主に300×250、160×600、728×90)を集めてまとめました。またリスティング広告文のリンク先となる ランディングページも集めてまとめております。リスティング広告出稿、ランディングページ作成の際にご活用ください。

スマートフォンサイト集めました。

スクリーンショット 2014-12-06 1.41.06

そこで、今回のテーマは
「より快適な操作が可能なスマートフォンサイトを構築し、機会損失を抑えろ!」

スマートフォンサイトならではの「レイアウト」「アイコン」「情報量」「画像の使い方」「文字の大きさ」etc…。

スマートフォンサイト制作の参考に是非ご活用下さい。

終わりに

ランディングページは通常のホームページと異なり「成約率」「効果」「CVR」・・・意識しなければいけない点が多いですね。制作の時に考える力をつければWebディレクターにキャリアアップした時に絶対に活きてくるので普段から意識していきましょう!

  関連記事

炎上書き込み(バカッター)を検証!SNSで発信する時に気をつけるべき項目

SNSの普及により誰でも・どこでも・いつでも発信する事が可能となりました。「お風 …

【参考】考えさせられるアイディア広告10選|「このアイディア凄い」まとめ

広告に関する記事は以前にも紹介しておりますが、今回はテーマを変えて紹介します。「 …

【保存版】フリーWEBメール比較!おすすめの無料WEBメールはどれだ!?

以前にメーラーの比較という事で記事を書きましたが、本日はWEBメールについて紹介 …

【終了】家賃無料で半年間暮らせるシェアハウス住人1名追加募集だって!

Yahoo!ニュースで興味深い記事を見つけたので紹介しちゃいます。以前にシェアハ …

HTMLの謎①〜DOCTYPE宣言とは?〜

ホームページ制作をするにあたって必ず耳にするのがHTMLやCSSと呼ばれるプログ …

【保存版】バナー制作の参考サイトまとめ!効果が出る・成約につながるバナー制作を

ホームページやランディングページの中身が充実していても、入り口であるバナーが微妙 …

【独学】未経験からWebデザイナーを目指す人が最初に読む記事

Webデザイナーはシステムエンジニアと比べても人気の職種とされています。SEと比 …

【保存版】ダイエットの種類と方法を比較!おすすめのダイエット方法は?

ダイエットに関する記事は以前にも何度か書いているのですが、今回は自分用のメモの為 …

ホームページ制作の流れって?(前編)

ホームページ作成にあたって、お客様との間で必ず打ち合わせを行います。大体のホーム …

パソコンのキーボードはトイレの○倍不潔!キーボード掃除におすすめのアイテム

パソコンでこの記事を読んでいる方はパソコンのキーボードってどれだけ汚れているかご …

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA