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

  関連記事

Illustratorが無料!?イラストレーターの機能を持ったフリーソフトまとめ

イラスト作成ソフトは、写真やイラストなどを編集しポスターや名刺、フライヤーような …

WEBデザインに必要不可欠なAdobe Creative Cloud!まずはIllustratorやPhotoshopをマスターしよう!

WEBデザイナーを目指す方は必ず買っておくべきデザインソフトがあります。その名も …

パキラは観葉植物の中でも育てるの簡単だからおすすめです

インテリア目的で部屋に観葉植物を置きたいと考えていまして観葉植物を取り扱うお店に …

福島県にホームページ制作会社ってあるのかな?という事で調査してみた。

今回の記事は「福島県にホームページ制作会社ってあるのかな?という事で調査してみた …

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

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

今話題の女性デザイナー3選(ハヤカワ五味・森もり子・島峰 藍)

「Twitter」や「まとめサイト」「Gunosy」などで必ずチェックするのが「 …

2015年初売り福袋合戦!正月特設サイトでWebデザインを学ぼう!

2014年ももうすぐ終わりですが何も思い起こす事はありませんか?大掃除や年末ジャ …

【参考】Webデザイナーのポートフォリオサイト!転職に活かせるポートフォリオを大公開

今回の記事はWebデザイナーを目指している方、Webデザイナー職に転職を考えてい …

デザインに参考になる面白い広告30選!広告はアイディアが重要!

広告はアイディアが重要です。限られた時間、スペースの中でユーザーの心に残るもので …

記事を人気順に並べるプラグイン!『WordPress Popular Posts』

WordPressには便利なプラグインが多数存在します。プラグインの導入によって …

Message

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

CAPTCHA