LP制作サービス資料

Transcript

1. 株式会社free web hope ©free web hope inc. all rights rserved. 成果を最大化させる ランディングページ制作と改善 ＼12年間 制作実績累計1,000本以上／
2. ランディングページを中心とした総合マーケティング 私たちが成果を出し続けられる理由 ©free web hope inc. all rights rserved. LPの成果を最大限に引き出すために、社内に次のような体制を構築しています。 ①LPへの集客を担う広告部門を内製化、②CV後の成約/購入までをフォローするCRMサポートチームを設置 広告 LP CV後 【ポイント①】 広告とLPの関連性が高い 【ポイント②】 売上まで見る、LTVで判断 CRM・データ 多段階CV設計
3. 成果を出すために必要な機能をワンストップで提供 自社で年間600件以上問い合わせを獲得するコンテンツマーケティング ©free web hope inc. all rights rserved. 企画力・ライティングを活かした制作を得意としており、DM等の紙の販促物まで対応します。 ホワイトペーパー サービスサイト 記事型LP メルマガ LPO チラシ 広告運用 SNS運用 HubSpot Lステップ
4. 他社との違いは ランディングページに 事です
5. ランディングページ×広告運用による改善実績 成功事例 ©free web hope inc. all rights rserved. 弊社でまとめてLPと広告運用をすると最も成果が出やすいです。あらゆる業種・業態で成果を出しています。 C V 件 数 2 0 件 ⇒ 3 3 6 件 業 種 ： 医 療 C V 件 数 8 0 件 → 4 0 0 件 / 月 業 種 ： 学 生 イ ン タ ー ン 斡 旋 C V 件 数 1 6 3 件 / 月 ⇒ 9 0 0 件 / 月 業 種 ： ハ チ 駆 除 　 CPA 24,170円⇒4,192円 業 種 ： 火 災 保 険 C V R 　 0 . 5 3 % ⇒ 1 . 6 8 % 業 種 ： 物 販 CPA 145,238円⇒21,693円 業 種 ： レ ン タ ル オ フ ィ ス 新 規 C V 件 数 　 1 9 件 / 月 業 種 ： 医 療 （ 歯 科 ） 新 規 C V 件 数 　 1 2 2 件 / 月 業 種 ： シ ス テ ム 開 発 新 規 C V 件 数 　 8 7 3 件 / 月 業 種 ： 携 帯 レ ン タ ル 新 規 C V 件 数 　 7 0 件 / 月 業 種 ： 不 動 産 新 規 C V 件 数 　 1 5 件 / 月 業 種 ： 太 陽 光 投 資 新 規 C V 件 数 　 7 0 0 件 / 月 業 種 ： 投 資
6. 訴求が難しい健康食品や新商材でも高いパフォーマンス 成功事例 ©free web hope inc. all rights rserved. 目標CPA：40,000円→改善後：31,000円 競合A社との直接対決 ABテストで勝利
7. 実績だけでなく、支援スタンスも評価頂いています。 当社の実績 ©free web hope inc. all rights rserved. お客様と二人三脚で取り組むことで圧倒的な成果を出します。お客様の"戦友"になることを目指しています。
8. 大手・上場企業との取引実績多数あり 当社の実績 ©free web hope inc. all rights rserved. 主要取引先の一例（順不同）
9. BtoB BtoC 物販 サービス 物販 サービス ストック フロー ストック フロー ストック フロー ストック フロー さまざまなサービスでの経験が豊富 オフィス用品 什器リース 決済端末 オフィス家具 パソコン その他ハード ウェア 福利厚生系 顧問 コンサル Saas ソフトウェア HP制作 イベント企画 展示会 内装工事 宅食サブスク ウォーターサ ーバー 美容健康商品 電化製品 家具 アパレル 日用品 家事代行 フィットネス ジム 音楽/映像 マッサージ店 飲食店 宿泊施設 生活トラブル
10. 成果を出すためのLP制作方法 ©free web hope inc. all rights rserved.
11. 全体プロセス 成果を出すランディングページの制作方法 ©free web hope inc. all rights rserved. いきなりページ制作に着手せず、下記①～③の工程を経てページを制作いたします。 「①事前の調査設計」の精度がランディングページ運用の成否を分けるため、念入りに行います。
12. ①調査設計 ～分析の枠組み～ 成果を出すランディングページの制作方法 ©free web hope inc. all rights rserved. ランディングページの成果を最大化するために、3C～STP分析の枠組みを用いて情報を整理します。 これにより、自社が勝てる領域及び訴求方法を確立し、広告やページのパフォーマンスを引き上げます。
13. ①調査設計 ～導線設計～ 成果を出すランディングページの制作方法 ©free web hope inc. all rights rserved. 成果を出すためには、クリエティブだけでなく、入り口（集客）と出口（CV後の導線）も含めた全体設計が 重要です。「誰に」「何を」「どのように」情報を届けるのかを徹底的に思考します。
14. ①調査設計 ～課題の把握～ 成果を出すランディングページの制作方法 ©free web hope inc. all rights rserved. 売上をあげる為にどこのフローに課題があるか特定し、改善に向けて施策を決定します。
15. ①調査設計 ～ターゲット理解～ 成果を出すランディングページの制作方法 ©free web hope inc. all rights rserved. 検索データからユーザーの検索意図を読み取り、ページで表現すべき訴求の方向性を固めます。 「黒にんにく」の検索者は、 病を治す方法を探す過程で辿り着いた可能性あり →身体の機能が回復する方向性の訴求が◎ ※「元気ハツラツ」「長時間働ける」は響かない
16. ①調査設計 ～相対的ポジションの把握～ 成果を出すランディングページの制作方法 ©free web hope inc. all rights rserved. 商品力は相対的に決まるため、競合を確認した上で自社のポジショニングを行う。
17. ①調査設計 ～コアターゲットの設定～ 成果を出すランディングページの制作方法 POINT 01 筋トレや身体をことが趣味であり、パーソナルトレーナーに 興味があるのをメインターゲットとします POINT 02 メインターゲットの男女の中で、 ・営業やなど、既に数年社会人として働いており 　「好きなことを仕事にできたら・・・」と転職を考えている ・ライフイベント（本格的な貯蓄や形成前） ・変わりたい気持ちはありつつ受け身なことが多い ・学力は平均より低めなど、より獲得（CV）が見込まれる悩みを 　抱えた25歳、23歳女性をコアターゲットとしました ※コアターゲット＝今回のLPで最も重要視するお客様 ©free web hope inc. all rights rserved. パーソナルジムの例
18. ②セールスライティング ～コピーの切り口～ 成果を出すランディングページの制作方法 1．数字を使う 2．対象を名指しする 3．場面を指定する 4．根拠を示す 5．別カテゴリーにする 6．商品の階級を上げる 読み手の関心を引くためのキャッチコピーを商材やターゲットに合わせて提案します。
19. ②セールスライティング ～コピーのつくり方～ 成果を出すランディングページの制作方法 ©free web hope inc. all rights rserved. 商品や機能の説明にせず、商品を利用することで得られるベネフィットを意識する。 コピーのポイント： 要するに→ BtoB BtoC 要するに→ 人の生活の変化、態度変容が想像できるまで変換する
20. ②セールスライティング ～鉄板の構成～ 成果を出すランディングページの制作方法 ©free web hope inc. all rights rserved. やみくもにサービスの内容を記載するのではなく、コンテンツを上から順に配置することが重要です。 上から順に読むときれいなセースルトークになっているケースが多いです。 差別化
21. ③セールスデザイン ～視線の誘導～ 成果を出すランディングページの制作方法 ©free web hope inc. all rights rserved. ランディングページは流し読みが前提です。せっかく魅力的なコピーをつくっても視認性が低いと ユーザーは読み飛ばしてしまいます。『重要な部分を読ませるデザイン』を意識することが重要です。
22. ③セールスデザイン ～商材に合わせたデザイン～ 成果を出すランディングページの制作方法 ©free web hope inc. all rights rserved. ターゲットや商材によって適切なデザインがあります。うまく使うとコピーの魅力を引き立てられます。 情報をぎゅっとつめこみ、生活に 身近な商材だからこそチラシを見 るような親しみやすさ、馴染みの あるデザインを意識 女性向けの美容関連。 対象が同じ女性であっても、商品のコンセプトや訴求軸 の違いから、フォントや余白、色合いによって、親しみ やすさや上品さというバリエーションを出した例 新しい、今っぽいをイメージし たデザイン。コンテンツの切り 替えタイミングで線を追加して スクロールを促す
23. 制作事例 ©free web hope inc. all rights rserved.
24. 家庭用クラフトビールサーバー「DREAMBEER」様のラ ンディングページを制作させていただきました。 家のサーバーでクラフトビールを飲む、特別感のある生 活を想像していただけるコピーやデザインにしました。 「ワクワク感」「上質感」「クラフト感」「しずる感」 「自分へのご褒美」 などのキーワードを掛け合わせたデザインに仕上げてお ります。 商材、ターゲットに合った幅広いデザインを構築 制作事例 株式会社DREAMBEER 様 ©free web hope inc. all rights rserved.
25. デリバリーアプリmenuと、スマートフォンゲームモ ンスターストライクのコラボキャンペーンのLP制作 を担当。キャンペーン用に制作されたクリエイティブ を使用しつつ、ユーザーがワクワクしながら見れる LPをテーマに制作しました。 商材、ターゲットに合った幅広いデザインを構築 制作事例 menu 様 ©free web hope inc. all rights rserved.
26. 建築業の施工管理アプリのLP。企画/コピーライティ ング / デザイン /コーディングまでを担当。 建築業界はIT/WEBが苦手な方が多く、たとえば現場 の職人さんはつい最近スマホを触り始めたほど。それ を考慮し「職人でも使える」をメインの訴求として打 ち出し、IT/WEBが苦手な方でも理解しやすい内容と ビジュアルになるよう設計しました。 商材、ターゲットに合った幅広いデザインを構築 制作事例 株式会社グローバ 様 ©free web hope inc. all rights rserved.
27. SEO事業のサービス紹介LP。 コモディティ化している市場において「デザインで他 社との差別化を行う」をテーマに、コピーライティン グ / デザイン /コーディングまでを担当。 競合他社と印象が同じにならないように、いわゆる王 道のBtoBのデザインを避けインフォグラフィック調 のデザインテイストで表現しました。 商材、ターゲットに合った幅広いデザインを構築 制作事例 株式会社ウィルゲート 様 ©free web hope inc. all rights rserved.
28. BtoB、BtoC問わず様々なジャンルで制作 制作事例 ご依頼いただく制作のビジネスモデルは、BtoBとBtoCがほぼ半分ずつの割合です。業種も、BtoB向けの Saasツールや、採用、不動産、ダイエット食品や化粧品、害虫駆除など多岐にわたります ©free web hope inc. all rights rserved.
29. LP制作の流れ ©free web hope inc. all rights rserved.
30. 課題のヒアリングを行い具 体的な課題を抽出、全体設 計のもと最適な解決策をご 提案します コンサルタント 制作の全体進行と企画の設 計・ライティング・構成作 成を担当します プランナー （兼ライター） デザインを構築します。きれ いだけでなく、プランナーが 作成した構成の意図を確認・ 意見しながらデザインをしま す デザイナー 広告の運用を担当します 制作のみの場合は正式な アサインはありませんが アドバイザーとして広告 観点からの意見をするこ ともあります 広告運用担当 コーディングを担当しま す。ツールへの組み込み などについても最適な形 になるようご提案しま す。 コーダー 最初から最後まで貴社と伴走します 各分野のプロフェッショナルが、案件ニーズに応じて常に最適なチームを編成 ©free web hope inc. all rights rserved.
31. デザイン 提案書 事前にデザインの方向 性を提案書を作成して すり合わせます。 ご契約 ご契約手続き完了後 に全体のスケジュー ルを確保します。 契約方法は書類・電 子契約です。詳細は ご相談ください。 ヒアリング MTG 制作するコンテンツ の企画や内容を決め るためのヒアリング です。コンサルタン ト・プランナー同席 で行います。 ライティング 構成制作 全体の流れを決め て、制作に入りま す。流れの確認と、 コピーの確認をしな がら進めます。 上部3割 デザイン LP上部3割程度の長さ までデザインを行い、 一度確認を挟みます。 全体デザイン 1 STEP 2 STEP 3 STEP 4 STEP 5 STEP 6 STEP 全体のデザインをしま す。デザイン確認後に PC/SPのデザイン最適 化を行います。 ご納品 コーディング済データ をご納品します。 デザインデータも追加 料金にてご納品可能で す。 フォロー MTG 8 STEP 9 STEP 公開後のデータ（定 量）と問合せ内容（定 性）の両面を分析。改 善案までを提示しま す。 コーディング 7 STEP デザイン確定後、コ ーディングを行いま す。挙動やリンク先 設定なども確認いた だきます。 制作の流れ ©free web hope inc. all rights rserved.
32. 制作にあたり、『ディレクションシート』をもとに「どの ような人が」「何を考え」「なぜ決断するのか」を軸にお 話をお伺いしていきます。 商材やペルソナについて認識を合わせた上で、全体の方向 性を決定し、訴求軸など企画の内容を詰めていきます。 平行して、弊社で競合調査なども行います。 プランナー （兼ライター） コンサルタント 事前情報の共有・競合調査（初回ヒアリングMTG） 制作の流れ ©free web hope inc. all rights rserved.
33. ヒアリング内容と、決定した方向性、競合調査などの情報 をもとに、構成を制作します。 ノウハウとして鉄板の構成がありますが、これをさらにカ スタマイズし、成果創出を目指します。 基本的にプランナー（ライター）が行いますが、広告運用 担当や、コンサルタントがアドバイザーとして意見した り、クライアント様と相談して最終的なワイヤーフレーム に落とし込みます。 アドバイザー 広告運用・コンサ ルタントなど プランナー （兼ライター） ライティング・構成制作 制作の流れ ©free web hope inc. all rights rserved.
34. 貴社商材に合わせて最適なデザインをご提案いたします。 ご提案はA4用紙2～3枚程度で1案お出しします。 プランナーがヒアリングした情報をもとに、LP専門のデザ イナーがデザイン構築のためのキーワード設定から、配色 や文字間のバランス、レイアウト、フォントの選定まで行 います。 デザイン、見せ方の希望や指定がある場合はそれを踏まえ た上で最適なデザインとなるようにいたします。 プランナー （兼ライター） デザイナー デザイン提案 制作の流れ ©free web hope inc. all rights rserved.
35. お客様と合意のとれた構成に従ってデザインを構築してい きます。 ただおしゃれ・きれいではなく、読ませたいコピーやボタ ンを印象付ける、デザインで商品のイメージなどを印象付 けるなど、ただきれいではなく、意図のあるデザインでさ らに成果の出る形を目指します。 最後にコーディングです。動きをつけてユーザーの目を惹 いたり、要望があればツールへの繋ぎ込みを行います。 フロントエンジニア デザイナー デザイン構築・コーデイング 制作の流れ ©free web hope inc. all rights rserved.
36. 制作のご契約には含まれていませんが、広告運用の代行も お受けします。 制作の際に検討した事前設計の情報をスムーズに連携し、 かつ広告でも成果を出せるように、配信媒体やターゲッ ト、広告文やバナーなどを細かく設計します。 また、入札調整だけでなく、広告文のコピーやバナー、ペ ージのクリエイティブの内容も含めて全体の最適化を考え ます。 広告運用担当 納品後、広告運用ももちろん可能です 制作の流れ ©free web hope inc. all rights rserved.
37. LP改善方法 ©free web hope inc. all rights rserved.
38. 見込み客に(媒体/キーワード) 効率よく(低コスト) 広告を届ける(広告文) 1. 2. 3. 送客の質 接客の質 IMP CTR 3秒以内に自分に必要だと思ってもらう 競合よりよいと認識してもらう アクションのハードルを下げる 1. 2. 3. セッション数 ボタンCTR フォーム入力率 CVR/CVS 改善 CVに近い方から改善する LP改善のプロセス ©free web hope inc. all rights rserved.
39. LP改善のために見るべきポイント LP改善のプロセス ©free web hope inc. all rights rserved. 広告とLPの整合性が保たれているかが重要です。 例えばバナーの訴求とLPの訴求にギャップが生じるとターゲットは離脱してしまいます。 スクロール率80％以上が目安 （＝離脱率20％以内に抑える）
40. 視認性が低くなるの で文字は重ねない FVを見ただけでCVしたくなる設計になっているか ファーストビュー LPの改善箇所 ©free web hope inc. all rights rserved. LPを見て1～2秒で、競合との違い、商品の強み等が伝わらなければ、読み手は離脱してしまいます。
41. 行動を促せているか CTAの周辺に、適切なマイクロコピーが入っているか 例）入力は1分以内に完了、キャンセルもOK など オファーは魅力的か CTA LPの改善箇所 ©free web hope inc. all rights rserved. どんな行動をして欲しいのか明確であり、適切な動機づけ＆迷いを与える要素が排除されている状態にします。
42. 項目は最低限か、「必須」は本当に必須か 見出しとCTA文言は一致しているか フォーム LPの改善箇所 ©free web hope inc. all rights rserved. CV後の営業活動において必須となる項目を絞り込んで取得します。入力を促す仕掛けも重要です。 ステップフォームで心理的負担を軽減
43. ファーストビューとCTAを変えて目標CV147％達成 LP改善事例① ©free web hope inc. all rights rserved. 機能紹介ではなく、広告運用担当者にとっての ベネフィットをキャッチコピーに。 また運用担当者が実際に使っている言葉を採用 成果 CV　　53件 CPA　￥9,562- 目標CV数　 　　　　　　　達成 ファーストビューに資料イメージを入れ、 CTAボタンの文言をアクションしやすい文言に 導入事例をファーストビュー直下に スマホで見たときに右手でも左手でも押しやす い位置にCTAボタンを設置 147%
44. CTAの改善でCPA 1/4 を実現 LP改善事例① ©free web hope inc. all rights rserved. CVによって何を手に入れられるのかが明確になり、アクションへの抵抗感が軽減。 結果、改善前のCPAが1/4程度に低下した。 CPAが 1/4に
45. テスト1．CTRの高い広告文をもとにコピーを変更 LP改善事例② ©free web hope inc. all rights rserved. 【仮説】広告文は具体的な価格を記載したものがCVRが高い傾向にある →FVも同じように価格を訴求することでCVRが上昇すると考える 【施策】FVを価格を訴求したものに変更しテスト
46. テスト2．改善後クリエイティブの視認性向上 LP改善事例② ©free web hope inc. all rights rserved. 【仮説】以前のABテストの結果からFVを変更 →ボタンやその周辺の最適色が変化したと考える 【施策】FVのボタン色&周辺色の変更
47. テスト3．CVRの高いユーザーの傾向をもとにFV改善 LP改善事例② ©free web hope inc. all rights rserved. 【データ】 GoogleAnalytics4を用いた分析により、 「初回訪問時の精読率が高いとCVRも高い」 【仮説】 1ページ目を精読＞精読されない →精読率が高い＝商品理解が高まる 　　　　　　　　＝CVRが向上すると考える 【施策】 ユーザーの視覚情報を整理 （文字の視認性向上等）
48. ハイリスク・無謀すぎる企画の続きは・・ こちらをクリックしてご覧ください！ その他事例：広告配信の結果、改善のプロセスを全て公開しています。 ©free web hope inc. all rights rserved.
49. free web hope 2022 社名　　　株式会社free web hope 設立　　　2011年9月2日 資本金　　3,000,000円 従業員数　38名（2022年10月現在） 所在地 東京都中央区東日本橋2-22-1クロスシー 東日本橋ビル3F TEL:03-3525-8971 FAX:03-3525-8972 Mail：info@fwh.co.jp JP：https://www.fwh.co.jp/ 役員　　　代表取締役社長　相原祐樹 　　　　　取締役　　　　　林 健一 顧問　　　財務顧問　　　　木下 朝太郎 　　　　　マーケティング顧問　稲葉 純一 　　　　　データアナリティクス顧問　近藤 佳太 ©free web hope inc. all rights rserved. 会社概要