loader image

ピックアップ実績特集

ターゲットに合わせた適切な素材選びと
徹底した情報の視覚化

「英会話3ステップ動画講座」
オプトイン用ランディングページ

制作概要

制作の背景

社会人女性が過去に挫折した英語学習をやり直すための無料動画講座を配布するLINE登録用ランディングページ制作を担当。

ここがポイント!

「教育コンテンツ」×「女性向け」の商材、また全体のイメージは雑誌『婦人画報』というリクエストの元で、親しみやすい印象を保ちつつも、大人向けの動画講座であることをアピールするように心がけた。

文章主体の原稿だったため、最後までユーザーが飽きずに読めるように、ベネフィット部分は写真素材などで視覚化したり、細かな理論の部分は図解にするなど直感的にページ内容を把握できるように努めた。

こんな人におすすめ!

・独自のオリジナルコンテンツを他とかぶらないデザインで訴求して登録してもらいたい人。

・ターゲットの年齢や属性に合わせた効果的な写真素材選びや雰囲気選びを施したい人。

デザイン全体

こだわりポイント

Point01

「想定ターゲット」を規定する適切な女性画像選び

ファーストビューに人物写真を使用するのはLPデザインにおいて鉄板だが、どんな人物を配置するかによって第一印象は大きく異なってしまう。

「ターゲットに合わせた人物を選ぶ」というルール自体は理解できても、具体的にどのような思考プロセスで取捨選択していくのかについては考え方は様々なである。

本事例では、想定ターゲットの年齢および属性などを整理して、「30代にも40代にも見える」「活き活きと学んでいる」「オンラインで学んでいる」「文字がレイアウトしやすい」といった複合的な観点から、FVの人物選定および全体のデザインを行っている。

Point02

「登場人物の統一」で自然に続きをスクロールしてもらう

ファースビュー内の人物画像を通じてユーザーに「LP内の登場人物」を認識させたら、引き続き同じ人物画像を使用することで、LP全体に一貫性を生み出すことができる

もし適切な同じ人物の画像素材が見当たらなくても、「目線を切る」「別の素材と組み合わせる」「イラストで代用する」といったアイディアで乗り越えることもできる。

本事例では、ファーストビュー直後に来る「悩みパート」に適した写真がなかったため、目線を切って素材を付け加えたり、それ以降の箇所では似ているイラストを使用するなどして、LP内の登場人物を一貫させる工夫をしている。

Point03

ユーザーのベネフィットはできる限り「可視化」する

LPデザインの典型例として、「ブレット(=弾丸)形式」でユーザーのベネフィットを箇条書きにするケースがよく見られますが、より短時間で感覚的にユーザーに情報を伝達するために、文字と写真を組み合わせたブレット形式が効果的。

本事例では、ユーザーが動画講座に登録した際に訪れるベネフィットを文字+写真で表現することで、細かく文章を読まなくても感覚的に内容を理解してもらうと同時に、勢いよく読み進めてもらうことを狙っている。

Point04

「ストレートな名乗り」でLP全体の語り手を認識させる

ネット上に情報が氾濫する中、何かの縁でLPにたどり着いたユーザーは、「この情報は誰が発信しているんだろう?」とまず疑ってかかるのが自然な流れ。その発信者が不明もしくは不明瞭な場合、LP内にどれだけ魅力的な情報が記載されていても、最終的に信用を得ることは難しい。

これを解決するもっとも直接的な手段は、「ストレートに自ら名乗ること」。特に講師やセミナー系のLPではかなり有効な手段であり、中途半端に素性を隠して匂わせるぐらいであれば、正々堂々と名乗った方がユーザーの誤解を避けることができる。

本事例では、しっかりと1セクション確保して自己紹介をすることで、その前提で次の話を取り入れてもらえるように工夫をしている。

Point05

「図解化」で独自の理論や考えを語る

初見ユーザーに対して、新しい切り口や視点を提供しようとする際に、懸念されるのは「言葉だけで説明しても理解されない」というもの。そこで文章だけで説明するのではなく図解を交えて説明することで、「言われて見ればそうかも!」といった発見や気づきを得てもらえ、それが最終的な登録率という結果につながってくる。

本事例でも、「英語が理解できる理由」を画像素材を組み合わせることで表現することで、ユーザーに対して「発音」を通じた新しい英語学習の可能性を知ってもらうことに努めている。

Point06

「マイクロデザイン」で登録後の世界をイメージさせる

ユーザーがLP上で登録という行為をしない最も大きな理由として、「登録後に何が待ち受けているのかわからない」という根本的なものが存在する。LPデザインの綺麗さやオファーの魅力といったものではなく、もっとシンプルに考えるとに「登録したら何が起きるかわからないので怖い」からである。

そこでユーザーの不安を少しでも拭うために、「登録後にもらえるコンテンツを視覚化してCTAして付近に設置する」=マイクロデザインを用意しておくことは登録率の向上に効果的。

本事例でもスマホの画像を配置することで、ユーザーが受け取れるコンテンツがどのようなものなのか具体的にイメージできるように工夫している。

 

 

Point07

「特典の視覚化」で登録しない理由をゼロにする

CTA付近に受け取れるコンテンツを視覚化したものを配置するのと同様に、特典部分も架空で十分なのでパッケージ化したビジュアルを掲載することで、ユーザーに目に見える形として示すことが効果的。

本事例でも、特典コンテンツは未作成とのことで、すべてデザイナー側で架空のパッケージを作成して配置している。

その他の
ピックアップ実績

ピックアップ実績解説

『和空間鍛錬場』パーソナルトレーニングジム

サービス・店舗系
オプトイン・LINE登録

和をモチーフにしたパーソナルトレーニングジム『和空間鍛錬場』の集客用ランディングページ制作を担当。

ピックアップ実績解説

『プティレアージュ』 新規販売用ランディングページ

美容・食品・健康・物販系
フロントエンド・バックエンド

乳酸菌発酵成分プレミアムホエイを高配合した「プティレアージュ」の新規販売ページの制作を担当。

ピックアップ実績解説

「英会話3ステップ動画講座」 オプトイン用ランディングページ

教育・オンライン講座系
オプトイン・LINE登録

社会人女性が過去に挫折した英語学習をやり直すための無料動画講座を配布するLINE登録用ランディングページ制作を担当。

ピックアップ実績解説

「サチャインチプロテイン」 新規販売用ランディングページ

美容・食品・健康・物販系
フロントエンド・バックエンド

スーパーフード「サチャインチ」が配合されたプロテインをネット上で販売するためのランディングページ制作を担当。

ピックアップ実績解説

「フリーウィル学習塾」 新規獲得用ランディングページ

教育・オンライン講座系
オプトイン・LINE登録

東京目黒区・世田谷区に拠点を置くFreewill学習塾の小学校高学年を対象にした「中学準備お手軽学習診断」の案内用ランディングページ制作を担当。

ピックアップ実績解説

「NEO人生設計」 新規獲得用ランディングページ

不動産・建築・住宅系
オプトイン・LINE登録

福岡県内の不動産投資で年間100万円の収入を目指せる「NEO人生設計」の案内用ランディングページ制作を担当。

ピックアップ実績解説

「輝け!ツールマン」 新規顧客用ランディングページ

サービス・店舗系
オプトイン・LINE登録

大阪の中古工具の出張買取サービスの問い合わせ獲得用ランディングページ制作を担当。