ピックアップ実績特集
ブランドの世界観を優先して
「よく見る美容LP」と差別化
「プティレアージュ」 新規販売用ランディングページ
制作概要
乳酸菌発酵成分プレミアムホエイを高配合した「プティレアージュ」の新規販売ページの制作を担当。
昨今増えている「美容系LP」のように、「うるん」「つるん」といった効果音系の文言を用いて全体的にキラキラ感を与えるデザインではなく、落ち着いた大人向けの商品であることを印象付けるために、シンプルなデザインを施すことで商品ブランドの抱えるブランドを表現することにした。
ただ、シンプルなだけでは単調化してユーザーが離脱するため、背景色を話題・テーマごとに切り替える工夫を行ったり、各境界部分に目線の誘導を狙った装飾やデザインを施すなど、読了率を高める工夫を適時行った。
・自社の商品を他社の路線と少し異なるLPデザインで販売したい人
・昨今流行している「いわゆる美容LP」のような表現があまり好ましく感じない人
デザイン全体
こだわりポイント
Point01
「商品そのものの世界観」訴求で勝負を仕掛けるファーストビュー
昨今よく見られる美容系LPの特長は、「人物写真」＋「効果音系キャッチフレーズ」であるが、今回はそうした方向性のLPと徹底的に差別化することを狙った。
具体的なポイントとしては、「①FV内に顔写真は掲載しない」「②商品パッケージそのものから商品の世界観(コンセプト)を読者に読み取ってもらう」「③社会的証明・限定性・新規性といった要素から商品のオリジナリティを実感してもらう」といったものである。
こうした美容系LPでは「セールス(売り込み)」と「世界観(ブランド)」の２つの要素をどの比率でデザインに反映させていくのかが鍵となる。
Point02
「限定情報の先出し」で貴重性をアピール
限定情報はなるべく冒頭部分に配置するというのはLPデザインの鉄則である。これは「希少性のある情報に人々は注目しやすい」といった心理法則を利用したものであり、LPの構成を考える上でも有効的に活用できる。
そのため本LPにおいても、事前に「商品自体が貴重なもの＝大量生産ではなく手間暇かけてじっくりと作っている品質の良い商品」という印象を与えることを狙って冒頭部分と末尾部分の価格表示の近くに配置している。
Point03
「境界の曖昧化」で自然と縦へと読み進んで行かせる工夫
LPデザインにおいて非常に重要なのは、「話が次々と切り替わっていく境界線を読者に認識させない」という点である。気がついたら話が終わっていた＝読み終わっていたという感覚をユーザーに味わってもらうことが、LPデザインの大きな役割のひとつである。
そこで本事例では、斜めの境界線を用いたり、境界の切り替え地点に別の要素を重ねて配置するなど、「ユーザーの意識を途切れさせないための工夫」を随所に行っている。
こうした一見地味に見えるデザインの中にも、LPを上から下まで一貫して読んでもらう狙いを意図的に隠している。
Point04
「素材の形状」を生かしたレイアウト配置
あらかじめ決められたデバイスの画面サイズで考えなければいけないLPデザインにとって、「意味のない余白」を作ることはできる限り避ける必要がある。
そのため、用意された素材や情報を使って、「無駄な余白を作らずにレイアウトを考える」ということは、ユーザーが読みやすさを感じる上で重要となる。
そこで本事例では、例えば日本列島の地図が弓型になっている特性を活かして左下に配置することで、文字と地図の間に無駄な余白が入らないようにうまく工夫をしている。
Point05
「被写体の動き」を活かした目線誘導
LPデザインにおいて、ユーザーを次のセクションへと誘導していく手法に「矢印」を使ったものがよく見られるが、「被写体の動き」を使って同様の効果を施すこともできる。
今回の事例では、「ホエイの水滴がまさに垂れようとしている写真」のその先にコンテンツを配置することで、上から下へと続く見えない重力がユーザーの目線を誘導する仕組みになっている。
このように読了率を上げていくための目線の誘導方法にも、様々なノウハウがあり、決して矢印一辺倒ではないアイディアがユーザーを飽きさせないLPデザインを生み出すことにもつながる。
Point06
「論理的理解」ではなく「直感的理解」を心がける
化粧品など薬機法に関わる商材では、薬機法の観点から直接的な表現が難しいため、LPを作る際にも「パッと見て良さがわかるデザイン」を作成する必要がある。
そのため、単なる文章だけや素材を配置して終わらせるのではなく、商品を使うことで変化することが直感的にわかる図解・ビジュアル要素を作成する必要がある。
本事例では、画像の上に「NG」や「OK」などのちょっとした文言を付け加えることで、ユーザーが一瞬で商品の効果を理解できるように工夫を凝らしている。
Point07
「あえて目線を切る」ことで幅広いターゲットに訴求
予算の関係で架空人物写真を使用しなければいけない場合、どうしても架空モデルの「年齢」や「人相」が偏ってしまいがちになり、その見た目の印象・先入観から誤った商品理解を招く可能性が高くなる。
そこであえて架空人物モデルの「目線」を切ることで、ユーザー自身によるモデルの好き嫌いや年齢観に縛られずに、うまく商品の強みをアピールすることができる。
本事例では、様々な架空女性モデル写真の目線をあえて切ることで、「幅広い年代の女性に支持されている」というメッセージを裏で織り込んで訴求している。
その他の
ピックアップ実績
ピックアップ実績解説
『和空間鍛錬場』パーソナルトレーニングジム
和をモチーフにしたパーソナルトレーニングジム『和空間鍛錬場』の集客用ランディングページ制作を担当。
ピックアップ実績解説
『プティレアージュ』 新規販売用ランディングページ
乳酸菌発酵成分プレミアムホエイを高配合した「プティレアージュ」の新規販売ページの制作を担当。
ピックアップ実績解説
「英会話3ステップ動画講座」 オプトイン用ランディングページ
社会人女性が過去に挫折した英語学習をやり直すための無料動画講座を配布するLINE登録用ランディングページ制作を担当。
ピックアップ実績解説
「サチャインチプロテイン」 新規販売用ランディングページ
スーパーフード「サチャインチ」が配合されたプロテインをネット上で販売するためのランディングページ制作を担当。
ピックアップ実績解説
「フリーウィル学習塾」 新規獲得用ランディングページ
東京目黒区・世田谷区に拠点を置くFreewill学習塾の小学校高学年を対象にした「中学準備お手軽学習診断」の案内用ランディングページ制作を担当。
ピックアップ実績解説
「NEO人生設計」 新規獲得用ランディングページ
福岡県内の不動産投資で年間100万円の収入を目指せる「NEO人生設計」の案内用ランディングページ制作を担当。
ピックアップ実績解説
「輝け！ツールマン」 新規顧客用ランディングページ
大阪の中古工具の出張買取サービスの問い合わせ獲得用ランディングページ制作を担当。
