最近のラインディングページで見かけるデザインやアイデア、コピーライティングがまとめられたSaaS Pagesを紹介します。 ヘッダやフッタのデザイン、ナビゲーションのアイデア、CTAや価格一覧やFAQのコンポーネントなど、インスピレーションが刺激されます。
ランディングページがどのようにデザインされ、レイアウトされているのか、そしてコピーライティングがどのようにデザインされているのか、その参考資料となるアイデアをまとめたSaaS Pagesを紹介します。 ランディングページのデザインや実装、ヘッダやフッタやナビゲーション、特徴やボタンの目立たせ方など、デザインの引き出しにストックしておきたいですね。 SaaS Pages SaaS Pagesでは、ランディングページに使用されるUIコンポーネントごとにデザインとコピーライティングがまとめられています。 ナビゲーションバー 目標到達のプロセスから遠ざかる方向にナビゲートしない。 分かりやすいCTAボタンがある。 ユーザーエクスペリエンスを向上させるスティッキーバー。 開発者向けのドキュメントなど、特別なリンクを含めたい場合。 Navbar ヒーローヘッダ 独自のセールスポイントを強調する。 「今
【送信】を押すと、直後に自動返信メールが入力されたメールアドレスに届きます。 自動返信メールが届かない場合はドメイン設定またはメールアドレスの入力ミスが 理由として考えられます。自動返信メールが届かない等、何らかのエラーが発生している場合、 大変お手数ですがこちらのアドレス宛に直接メールにてお送りいただきますようお願いいた致します。 ( info●imakarasuugaku.com ) ●を@に変えて送信をお願いいたします。 お送りいただいたメールを確認し次第、ただちにこちらからご連絡させていただきます。
この記事は、2014年11月25日に公開された記事を再編集しています。 リスティングの受け皿やキャンペーンの告知用に、Web担当者はランディングページ(LP)を作成する機会があります。その度にどのようなデザインにしたらいいのか、どのような構成にすればいいのか悩まれる方も多いのではないでしょうか? 今回は、ランディングページのデザインや構成の参考になるまとめサイトを紹介します。 ランディングページの基本的な解説に関しては、以下の記事も参考にしてみてください。 参考: ランディングページとは〜LPOで成果の上がるページを作る方法と使えるテンプレート集まとめ|ferret 国内のランディングページのデザインまとめサイト Web Design Clip [L] Web Design Clip [L] Web Design Clip [L]は、業界問わず、参考になるランディングページの
こんにちは!幼稚園くらいの時、ウルトラマンに出てくる「ダダ星人」という敵のあまりの怖さに号泣し、吐きました。 メディア事業部のきょうへいです。 以前「リスティング担当者から見た、イケてるランディングページ10選」という記事を書かせていただきました。 この記事を書いたのは2012年なので、そろそろ新しい記事を書こうと思い、2014年版を発表することにしました。 2012年のLP、2014年のLPと見比べてみるのも面白いかもしれません。 Nike Football リスク上等. Nike.com http://www.nike.com/jp/ja_jp/c/football/riskeverything 世界29都市で同時開催された超攻撃的な変則フットボールマッチ、「WINNER STAYS 激戦上等」というイベントのLP。 イベント自体は既に終了していますが、イベントの詳細情報、アプリのダウ
こんにちは! アドチームのきょうへいです。 以前「【2014年版】リスティング担当者から見た、イケてるランディングページ10選」という記事を書かせていただきましたので今年も2015年版を書こうと思います! 今回は色々なLPを見ていたときに気になったものをまとめたものなので、共通点があまりないかもしれませんが、どれもキレイなデザインだったり、面白い動きをするページで、スクロールをさせられてしまうものばかりです。 1. Beagle https://getbeagle.co/ ※現在、上記リンク先は表示できません。 スクロールエフェクトがユニークなLPです。 ファーストビューで大きな写真を使用していて、スクロールをするとそれぞれのアニメーションがさまざまな動きをします。気が付いたら上から下まで何度もスクロールしまくってました。素敵です。 2. Melanie F http://www.mela
ランディングページとは「広告の飛び先ページ(リンク先ページ)」を指す言葉です。ユーザーが広告などのリンクをクリックしたときに表示される、1枚の縦に長いWebページのことをランディングページと呼びます。略してLP(エルピー)・ランペとも呼ばれます。 【保存版】ランディングページ構成の王道パターン3選 ランディングページでは、アピールしたい商品・サービスの訴求を行い、コンバージョン(成約)まで完結させることを狙います。売上アップに直結する重要な役割を果たすのが、ランディングページです。 ランディングページを正しく理解し、売れるランディングページの作り方を身に付けることは、Web上のあらゆる施策で成果を挙げるために必須のスキルとなります。ランディングページを理解せずして、売上を上げることはできません。 よって本記事では、売上を作るうえで最も重要だと断言していい「ランディングページ」について、基礎
ランディングページ(LP)の作り方を、超重要ポイント7つに絞って説明します。対象読者は、これからLPを作成する方です。インハウスのご担当者だけでなく、制作会社さんが読んでも役立つでしょう。作り方だけでなく、コンバージョン率をアップさせる点も、詳しく解説したからです。1回読んで分からなければ、繰り返し読んでください。それだけ価値ある内容になっています。 ランディングページの構成。 まず最初に、ランディングページの構成について、左図を使って説明します。ランディングページの構成は、大きく7つのブロックに分かれます。 キャッチコピー。 お客さんの関心事を、ズバリ指摘します。関心事とは、対象ユーザーが抱える、悩みや課題です。このパートは、メインコピー(1行)とサブコピー(2行)、写真の3つの部分で構成されます。 共感部。 なぜ多くの人が関心を持つのか? お客さんの気持ちに寄り添いながら、言葉で解きほ
2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
ランディングページ(LP)とは何か? 通常のホームページと何が違うのか? 両者の違いを5つ説明し、なぜランディングページが、問合せを増やすことに長けているのか? そのメカニズムを説明します。 ランディングページとは何か? ランディングページ(landing page)とは、直訳すれば着地ページとなり、ユーザーが最初に訪問するWebページのことをいいます。 ユーザーが最初に訪問するページですから、どんなサイトにもランディングページは複数あり、それはユーザー毎に異なることになります。これが広義のランディングページで、日本では一般に「着地ページ」と言うことが多いです。これに対しカタカナで「ランディングページ」という場合、次の狭義のランディングページを指すことが多いです。 ランディングページ(狭義): 主にネット広告のクリック後に表示され、問合せや購入を促すことに特化した、独立した1ページのことを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く