Suche senden
Hochladen
LPデザインに関して〜作成のセオリーとコツ〜
•
111 gefällt mir
•
120,975 views
典子 松本
Folgen
「webっちゃvol.1」で使用したスライドです。(一部修正あり)
Weniger lesen
Mehr lesen
Design
Melden
Teilen
Melden
Teilen
1 von 49
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
UX / UIデザインって何?
UX / UIデザインって何?
JustSystems Corporation
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
Weitere ähnliche Inhalte
Was ist angesagt?
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
Yoshiki Hayama
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
kenji goto
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Tomoyuki Arasuna
いいデザインと悪いデザイン
いいデザインと悪いデザイン
Takahashi Koki
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
9コマシナリオの使い方
9コマシナリオの使い方
Mayumi Okusa
UIデザインの基本
UIデザインの基本
Roy Kim
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
Yoshiki Hayama
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
Yoshiki Hayama
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
GREE/Art
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
UXデザインを速く! 軽く! そして根拠をもって、回せ! すばやいユーザー調査からつなげるアジャイルUX
UXデザインを速く! 軽く! そして根拠をもって、回せ! すばやいユーザー調査からつなげるアジャイルUX
Yoshiki Hayama
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
Was ist angesagt?
(20)
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
いいデザインと悪いデザイン
いいデザインと悪いデザイン
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
9コマシナリオの使い方
9コマシナリオの使い方
UIデザインの基本
UIデザインの基本
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
UXデザインを速く! 軽く! そして根拠をもって、回せ! すばやいユーザー調査からつなげるアジャイルUX
UXデザインを速く! 軽く! そして根拠をもって、回せ! すばやいユーザー調査からつなげるアジャイルUX
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Andere mochten auch
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
take-it
SEOに効くコンテンツの作り方 ver1.1
SEOに効くコンテンツの作り方 ver1.1
INFOBAHN.inc(株式会社インフォバーン)
Sexyなリスティング広告プレイヤーになるために…
Sexyなリスティング広告プレイヤーになるために…
Keiji Abe
コンテンツ マーケティング革命
コンテンツ マーケティング革命
Tactus Associates
株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析
webcampusschoo
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
tanakayoshikif-code
WordPress を使いこなそう
WordPress を使いこなそう
Wataru OKAMOTO
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
Masaya Ando
コンテンツマーケティングの正しい活用方法 心を動かすオウンドメディアのつくり方 Ver.02
コンテンツマーケティングの正しい活用方法 心を動かすオウンドメディアのつくり方 Ver.02
INFOBAHN.inc(株式会社インフォバーン)
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
Kenta Nakamura
クックパッドのグロースハックについて 20140218 ver1.1(更新版)
クックパッドのグロースハックについて 20140218 ver1.1(更新版)
Kato Kyosuke
リスティング広告の為のデータフィード勉強会
リスティング広告の為のデータフィード勉強会
Keiji Abe
データドリブン経営のメトリクス分析 AARRR!モデルの紹介
データドリブン経営のメトリクス分析 AARRR!モデルの紹介
pLucky
有名サイトのGrowth hackテクニック色々〜Quora、facebook、twitterなど〜
有名サイトのGrowth hackテクニック色々〜Quora、facebook、twitterなど〜
Kazuhide Harada
「アクセス解析思考の磨き方」CSS Nite LP, Disk 19
「アクセス解析思考の磨き方」CSS Nite LP, Disk 19
Yasuki Ichishima
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
schoowebcampus
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
Wo! vol.23 米Coca-Colaサイトにみるコンテンツ・マーケティング
Wo! vol.23 米Coca-Colaサイトにみるコンテンツ・マーケティング
thinkjam.Inc.
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
お金をかけないランディングページのつくりかた
お金をかけないランディングページのつくりかた
Satoru Yamamoto
Andere mochten auch
(20)
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
SEOに効くコンテンツの作り方 ver1.1
SEOに効くコンテンツの作り方 ver1.1
Sexyなリスティング広告プレイヤーになるために…
Sexyなリスティング広告プレイヤーになるために…
コンテンツ マーケティング革命
コンテンツ マーケティング革命
株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
WordPress を使いこなそう
WordPress を使いこなそう
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
コンテンツマーケティングの正しい活用方法 心を動かすオウンドメディアのつくり方 Ver.02
コンテンツマーケティングの正しい活用方法 心を動かすオウンドメディアのつくり方 Ver.02
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
クックパッドのグロースハックについて 20140218 ver1.1(更新版)
クックパッドのグロースハックについて 20140218 ver1.1(更新版)
リスティング広告の為のデータフィード勉強会
リスティング広告の為のデータフィード勉強会
データドリブン経営のメトリクス分析 AARRR!モデルの紹介
データドリブン経営のメトリクス分析 AARRR!モデルの紹介
有名サイトのGrowth hackテクニック色々〜Quora、facebook、twitterなど〜
有名サイトのGrowth hackテクニック色々〜Quora、facebook、twitterなど〜
「アクセス解析思考の磨き方」CSS Nite LP, Disk 19
「アクセス解析思考の磨き方」CSS Nite LP, Disk 19
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Wo! vol.23 米Coca-Colaサイトにみるコンテンツ・マーケティング
Wo! vol.23 米Coca-Colaサイトにみるコンテンツ・マーケティング
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
お金をかけないランディングページのつくりかた
お金をかけないランディングページのつくりかた
Ähnlich wie LPデザインに関して〜作成のセオリーとコツ〜
僕のFireworks普及計画!!
僕のFireworks普及計画!!
Yuuki Kashimoto
グラフィックデザインを重視したランディングページの作り方 先生:イシジマ ミキ
グラフィックデザインを重視したランディングページの作り方 先生:イシジマ ミキ
schoowebcampus
札幌 SEOのホームページ
札幌 SEOのホームページ
Webコンサルタント武藤正隆
Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)
Yasuhito Yabe
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
大輔 井水
ネット上でのクチコミマーケティングとは
ネット上でのクチコミマーケティングとは
武 河野
Lightning Talk
Lightning Talk
Takahiro Saeki
Ähnlich wie LPデザインに関して〜作成のセオリーとコツ〜
(7)
僕のFireworks普及計画!!
僕のFireworks普及計画!!
グラフィックデザインを重視したランディングページの作り方 先生:イシジマ ミキ
グラフィックデザインを重視したランディングページの作り方 先生:イシジマ ミキ
札幌 SEOのホームページ
札幌 SEOのホームページ
Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
「ウェブ解析で ユーザーの気持ちを知る方法 in シンガポール」20181111
ネット上でのクチコミマーケティングとは
ネット上でのクチコミマーケティングとは
Lightning Talk
Lightning Talk
Mehr von 典子 松本
ノーコードでAIサービスを使ってみよう!「AI Bulder」
ノーコードでAIサービスを使ってみよう!「AI Bulder」
典子 松本
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
典子 松本
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでAIサービスを使ってみた話
典子 松本
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
典子 松本
「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の話
典子 松本
テキスト書き起こし&読み上げLINEボットを作ってみた
テキスト書き起こし&読み上げLINEボットを作ってみた
典子 松本
タイムカード打刻チャットボット「ごえもん」誕生話
タイムカード打刻チャットボット「ごえもん」誕生話
典子 松本
Microsoft Flow 改め、Power Automateはじめました。
Microsoft Flow 改め、Power Automateはじめました。
典子 松本
Designer's Design Talk「デザインの基礎」
Designer's Design Talk「デザインの基礎」
典子 松本
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
典子 松本
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
典子 松本
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
典子 松本
古代エジプトの魅力について
古代エジプトの魅力について
典子 松本
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
典子 松本
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
典子 松本
ノンコーディングでも!ここまでできるkintone
ノンコーディングでも!ここまでできるkintone
典子 松本
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
典子 松本
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
典子 松本
もっとサーバーレスを手軽に便利に!Azure Logic Apps
もっとサーバーレスを手軽に便利に!Azure Logic Apps
典子 松本
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
典子 松本
Mehr von 典子 松本
(20)
ノーコードでAIサービスを使ってみよう!「AI Bulder」
ノーコードでAIサービスを使ってみよう!「AI Bulder」
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
自社でつくれる生産性向上ツール 必要だと思ったらすぐに作れるビジネスアプリ
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の話
テキスト書き起こし&読み上げLINEボットを作ってみた
テキスト書き起こし&読み上げLINEボットを作ってみた
タイムカード打刻チャットボット「ごえもん」誕生話
タイムカード打刻チャットボット「ごえもん」誕生話
Microsoft Flow 改め、Power Automateはじめました。
Microsoft Flow 改め、Power Automateはじめました。
Designer's Design Talk「デザインの基礎」
Designer's Design Talk「デザインの基礎」
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
古代エジプトの魅力について
古代エジプトの魅力について
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
はじめよう!PowerAppsキホンのキ kintone × Microsoft Flow / Logic Appsの話
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでも!ここまでできるkintone
ノンコーディングでも!ここまでできるkintone
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
もっとサーバーレスを手軽に便利に!Azure Logic Apps
もっとサーバーレスを手軽に便利に!Azure Logic Apps
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LPデザインに関して〜作成のセオリーとコツ〜
1.
∼ 作成のセオリーとコツ ∼ LPデザインの話
2.
自己紹介
3.
松 本 典
子 web デザイナー 以前、総合通販会社のweb 部門に 約4年ほど所属してました。 現在は web制作会社所属。 ブログやってます → http://zuvuyalink.net/nrjlog/
4.
本日お話すること
5.
LP って何? LP の基本的な構成 LP
デザインの注意点 7秒ルール 3秒で心を掴む ファーストビューの作り方 ボタンについて 最後に
6.
LP(ランディングページ)って何?
7.
Web サイトの訪問者が、外部からそのサイトに やってくる際、最初に開くことになるページ。 特に、他サイトに広告を出稿する際、 リンク先として指定する自サイト内のページのこと。 「コラーゲンゼリー」で検索
8.
LPの基本的な構成
9.
① キャッチフレーズ(ベネフィット) ② 実
証(ベネフィットを実証する情報) ③ 信 頼(第三者の意見やデータ) ④ 安 心(ユーザの声) キャッチフレーズ テキストテキストテキスト テキストテキストテキスト ボタン 実証する情報 0 10 20 30 40 50 テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト 第三者の意見やデータ 申し込みフォーム テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト お客様の声 テキストテキストテキストテキスト テキストテキストテキストテキスト テキストテキストテキストテキスト テキストテキストテキストテキスト コンバージョン
10.
①キャッチフレーズ(ベネフィット) ・キャッチコピーはシンプルにわかりやすく ・わかりやすい言葉で、ベネフィットを伝える ・できるだけ具体的にイメージできる写真を使う ベネフィットは「利益になること」
11.
②実証(ベネフィットを実証する情報) 数値的など、具体的でわかりやすい情報を 掲載。(商品の良さなどを説明) 主観的な視点。
12.
③信頼(第三者の意見やデータ) 第三者であるその分野の専門家などの意見。 実績などでもユーザの信頼を得ることができる 情報であればOK。 情報に説得力が出る。
13.
④安心(ユーザの声) 実際に使っているユーザの声を掲載することで、 情報により真実味を持たせる。 狙うターゲット層の「ユーザの声」を入れる。 説得力が UP!
14.
①∼④の構成で、 コンバージョンにつなげます
15.
LP デザインの注意点
16.
特に伝えなければいけない点に 必ず目が行くようになっているか? 信頼性や安心感を与えるものに なっているか? ランディングページのデザインが、
17.
基本に忠実で シンプルなデザインを 心がけよう。
18.
7 秒ルール
19.
ユーザがアクセスしたページについて、 しっかりと見るかどうかの判断を 7秒で決めてしまう、と言われる。 最近では「3 秒ルール」とも言われるほど 短くなってきている。
20.
一生懸命ページを作っても 最後まで見てもらえないかも… つまり、
21.
ファーストビューは 超大事!!
22.
ファーストビューの作り方 3秒で心を掴む
23.
① キャッチコピー ② キービジュアル ③
デザイン 第一印象を大切にするための 3つのポイント
24.
① キャッチコピー
25.
キーワードと LP の キャッチコピーは統一しよう 『ユーザは検索キーワードを意識する』 メインのキーワードをキャッチフレーズに用いれば、 ユーザに安心感を与えられるので 即時離脱を防ぐことができる。
27.
② キービジュアル
28.
メインイメージ部分は、 ひと目でイメージが伝わる 写真を選ぶ。 『ターゲットは誰なのか?』
30.
③ デザイン
31.
エンブレムや実績(△万個売れた!)は 目立つ場所に載せる 「購入する」ボタンを置く
32.
エンブレム系が入っている例
33.
購入ボタンが入っている例
34.
ボタンについて
35.
LPページのボタンは誰が見ても 「あ!これボタン!」とわかり、 しかも「押した!」と分かる事が重要。 ボタンはボタンらしく
36.
形は角丸、色は緑。 LP ページのボタンは そして目立たせること。
38.
いかに流し見するユーザの目を留めて、 ボタンを押すというアクションを 起こさせるか? ボタンの役割
39.
なぜ角丸ボタン?
40.
鋭角の長方形は同じ大きさの楕円より 認知するのに努力を必要とする。 人間の目は円形のものをより速く 捉えることができる。 角丸は目に、そして脳に優しい ビジュアル認知の権威:Jürg Nänni 教授
41.
「触るな」「立ち去れ」「引っ掻く」 鋭角はどんなイメージ? 鋭いオブジェクトから連想される ネガティブなイメージへ展開する傾向 回避反応
42.
角丸の長方形は ユーザーに安心・快適を 感じさせる。 角丸はアクションボタンに ぴったり!!
43.
なぜ緑色?
44.
色の持つ意味 赤 … 注意、危険、緊張、刺激的な 青
… 冷静さ、熟考、安定性 緑… 信頼性、平和、安全
45.
アクションボタンを押すには ある程度のテンションが必要。 アクションボタンには 緑色がオススメ!!
46.
最後に
47.
LP(ランディングページ)は 色々な手法や考え方があります。 私がお話することはごく一部のことなので、 「こんな意見もあるらしい」って感じで。
48.
ランディングページ(LP) は 作ってからがスタート。 実際は運用が始まってから 最適化して育てていくもの。
49.
ご清聴 ありがとうございました
Jetzt herunterladen