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 …

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

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

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

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

【注目】WordPressで構築されている企業の公式ホームページ

ここ最近では個人のブログだけではなく企業や教育機関のホームページもWordPre …

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

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

Webデザイナーに有利な資格ってあるの?就職活動で活かせる?

自分のスキルを証明するためには履歴書やポートフォリオ、過去の実績が重要となります …

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

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

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

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

シェアハウス・ゲストハウスをおすすめします!メリットとデメリット、口コミの総まとめ。

フジテレビのテラスハウスという番組でシェアハウスが注目される様になりました。実は …

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

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

Message

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

CAPTCHA