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

  関連記事

話題のLINEクリエイターズスタンプを作ってみた【その4】

LINEスタンプの記事は以前にも紹介(参考)しておりますが今回も僕が作成したLI …

ホームページ制作を業者に依頼する時の注意するべきポイント

Web制作を、業者に頼む人には注意するべきポイントがあります。業者に頼めばホーム …

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

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

【おすすめ】新入生歓迎会や飲み会に使える小道具まとめ

2015年も4月に入り新学期・新年度を迎えました。4月といえば出会いの季節ですね …

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

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

iPhoneの壁紙を見つけるならこのサイト!オシャレな画像多数!

iPhoneユーザーがどんどん増えてきてiPhone3Gの時代が懐かしく思えます …

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

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

未経験者が職業訓練校でWebデザイナーになれるのか?評判を調査!

目次1 学校か独学か1.0.1 独学1.0.2 学校2 職業訓練(求職者支援訓練 …

【熊・クマ・くま編】デザインの参考に!キャラクターを集めてみた。

たまに「ロゴにキャラクターを入れたい」「サイト内にキャラクターを登場させたい」「 …

福島県民だからこそ知っている本当におすすめできる観光地

まず、なぜ福島?と感じる方も多いと思います。実は僕(管理人)は18歳まで福島県須 …

Message

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

CAPTCHA