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ディレクターにキャリアアップした時に絶対に活きてくるので普段から意識していきましょう!

  関連記事

都内から日帰りで行ける「ほったらかし温泉」に行ってきた

photo by :http://www.yamanashi-kankou.jp …

未経験から半年でWebデザイナーになった話。Webデザイナーになる為にした事

今回の記事では僕がWebデザイナーになるまでの経緯を簡単に話したいと思います。題 …

アスセス数上昇中!WordPressで公開中の当サイトのサーバーを移転をしてみた。

アクセス数が順調に伸びているので思い切ってサーバーを変更してみました。2014年 …

激安・格安ホームページ制作の落とし穴|メリットとデメリット

「制作費●●円でホームページが手に入る」というキャッチコピーで集客をしている制作 …

【比較】初心者コーダー必見!おすすめの人気のフリーエディタ

エディタって何を使えばいいの?と悩む人は少なくありません。実際僕もかなり迷いまし …

おしゃれなWEBデザインを集めた参考サイトを紹介!WEBデザインは見て勉強。

Webデザインをこれから勉強しようと思っても、実際どこから初めていいかわからない …

【色紙】卒業や退職・送別会シーズンの思い出に。おすすめ寄せ書きまとめ!

3月と言えば別れの季節です。卒業や退職、送別シーズンに突入して、誰かを送り出すと …

webデザイン効果対策部ってサジェスト表示されているけど何だ?

僕は常にアンテナを張ってWebデザインに関する知識や情報を得ています。今日もWe …

【空編】無料で使えるフリー素材特集(空、夕焼け、夜空、星空)

ホームページやフライヤー、ポスターを作成する際に必ず必要となる素材ですが高品質の …

【緑色編】ロゴ集めました!企業やサービス、商品のロゴ制作の参考に!

皆さんはロゴを制作する際に何を参考にしていますか?センスやアイディアだけで制作が …

Message

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

CAPTCHA