サービス

技能：エンジニア

技能：デザイナー

技能：ビジネス職

技能：バックオフィス

ジャンル

こんにちは！　DMMinside編集部です。 
DMMのCDO室のクリエイティブディレクター光岡いさおが主催する「デザインコンセプト勉強会」。

<img alt="" height="200" src="https://image.dmm-corp.com/u0a6ipfia227y5nr0uvuudz5nyjc" width="200" />

第６弾として先日開催された会のテーマは「ランディングページ（LP）」で、 
六本木と金沢のデザイナーが、LPのデザイン開発の様々な手法について意見を交わしました。

発表を行った３人のデザイナーそれぞれのテーマはこちらです。

<ul>
	<li>「LPって本当に必要!?」 
	DMM GAMES 企画営業本部プロモーション部アドクリ課／デザイナー：樋口 聡一</li>
	<li>「擬人化して紐解くLP分析と最適化」 
	デザイン部／デザイナー：長谷川 綾萌</li>
	<li>「素材なしでも作れるメインビジュアルの作り方」 
	スマートコントラクト開発部／デザイナー：藤森 正貴</li>
</ul>

<img alt="" height="313" src="https://image.dmm-corp.com/02ho8lrzuzvwjw9grfwb3z6foiu0" width="800" />

東京本社と金沢の３つの事業所をテレビ会議でつないでスタート。 
当日は、発表資料を参加者に事前配布することで、分からないことを調べたうえで参加できる勉強会になりました。 
総勢40名が集まった勉強会の内容を少しだけレポートします。

<h2>LPって本当に必要!?</h2>

<img alt="" height="299" src="https://image.dmm-corp.com/445ugpw9hr3uuq7wlb9vx0lbc4vs" width="800" />

DMM GAMESプロモーション部／デザイナーの樋口 聡一。 
主にオンラインゲームのWeb広告のデザインを担当しています。

まずは、LPデザインを作る時の３つのポイントについて実際のLPを見ながら説明が始まりました。３つのポイントは、「メリットの提示」「独自性のアピール」「楽しませるデザイン」。ユーザをゴールへ導くための大切なポイントです。

そして本題の「LPって本当に必要!?」です。こちらも実データを元に説明。 
オンラインゲームサイトへは、バナーからLPを見てオンラインゲームサイト（ゲーム開始ページ）に遷移する流れが一般的な流れです。今回はオンラインゲームサイトに遷移させる際、果たしてどのくらいLPがCVRに影響するのかを検証するため、ABテストを実施されていました。

<img alt="" height="225" src="https://image.dmm-corp.com/iss9fegtpzmubo9fvzeidpahgcu4" width="800" />

LPがある場合とない場合でオンラインゲームサイトでの「新規会員登録数」「ゲーム起動回数」には、どのくらい差が出るのかをABテストで実施したものです。結果は、LPがあったほうが、2倍以上高い数値でした。受動的なユーザには特に、LPでゲーム内容を理解させ気持ちを高めたほうがCVRは高まる傾向にあるということで、LPの必要性が証明された結果になりました。

<h2>擬人化して紐解くLP分析と最適化</h2>

<img alt="" height="299" src="https://image.dmm-corp.com/mxd5jnadz4sfjvtc46lwydvthytg" width="800" />

続いて金沢南町事業所勤務のデザイン部／デザイナーの長谷川 綾萌。 
マーケティング部と連携を取り、LPやバナー等の外部広告を制作する業務に当たっていました。 
作っているものが「成果に繋がっているか」「ユーザに刺さっているのか」を細かく知ることができるのが、外部広告案件の楽しいところだそうです。現在は外部広告から手が離れたそうですが、案件を通して勉強し身につけたマーケティングの知識を別のデザイン業務にも活かしながら制作を行っています。

LPをデザインする時は、LPページのことだけではなく、LPに訪れる前の流入元の媒体特性を考慮しようというLPO（LPの最適化）の発表です。

媒体には、リスティング、アフィリエイト、ディスプレイなど様々ありますが、それぞれでユーザが体験していること、期待していることが異なるので、LPを「ブランドさんの営業の顔」と見立て、お客さんに合わせた最適なコミュニケーション取っていくことが必要になるという点を実例を元に解説しました。

最適化の手法は、GAとヒートマップを掛け合わせてLPに訪れたユーザの「前後の動き」と「ページ内での動き」をデータ化し、LPの分析を行うというものです。あるLPでは、特定のコンテンツ直下から50％が離脱していることがヒートマップで判明。知ってもらいたい情報をユーザーに届けられていないという状態でした。

そこで改善案として離脱を招いていると思われる訴求エリアを削除。結果は、スクロール量が2倍となり、ページ最下部のCVボタンへの到達率を13%向上させることができました。また、メインビジュアルのキャッチコピーについてサービス訴求と価格訴求でABテストをすると、媒体によってCVへの影響が異なるという結果もありました。

<img alt="" height="225" src="https://image.dmm-corp.com/45ftfe1fkdxfvzxusi4ffv8mx954" width="800" />

各媒体で、ページに訪れてくるユーザに合わせた最適な訴求を打ち出すことがLPの最適化につながる！　という発表でした。

<h2>素材なしでも作れるメインビジュアルの作り方</h2>

<img alt="" height="299" src="https://image.dmm-corp.com/71xt08x1zdyxe6pm3fgezol7d0uq" width="800" />

３人目の発表者は、金沢事業所勤務のスマートコントラクト開発部／デザイナーの藤森 正貴。

LPを短時間にたくさん作っていると、なんだかどれも似てきてしまう。ユーザも含め誰もが思いつく連想しやすいデザインをストレートに見せてあげるのが正解なのか？　そんな疑問に対しての発表です。アフォーダンスでいうと「変化した情報だけ受信する」ということ。よく目にするLPからの脱却を目指し「素材に頼らないメインビジュアル」を作る時の発想法を<a href="https://lounge.dmm.com/page/award2017/" target="_blank">DMMオンラインサロンAWARD2017</a>のLPを題材に説明しました。

<img alt="" height="225" src="https://image.dmm-corp.com/or9gto92m38gkhiiml5fy6477se1" width="800" />

商材に対してキーワードを連想した時に、全部詰め込むとどこかで見たことのあるビジュアルになってしまいます。キーワードを縛り込み、さらに分解することでデザインキーワードを洗練させ、新鮮な印象を与えるデザインアイデアが生まれるまでのプロセスについての発表でした。

<h2>一緒に仕事をしませんか？</h2>

DMM.com Groupでは一緒に働く仲間を募集しています。少しでも興味を持っていただいたあなたのエントリーをお待ちしております！

<a href="https://dmm-corp.com/recruit/designer/" target="_blank">DMM.com Group中途採用情報はこちらから </a>

グラフィックデザイン

デザイン

LPデザインの必要性と分析とメインビジュアルの話。

プラットフォーム開発本部

facebook

twitter

DMM TV

DMMブックス

DMM pictures

DMM GAMES

DMMオンクレ

DMMスクラッチ

DMMくじ

DMM Factory

DMM FILMS

ぷらさぷ ～＋SURPRISE～

DMMオンラインサロン

DMMいろいろレンタル

DMM DVD／CDレンタル

DMM通販

DMMオンラインクリニック

デジタルコミック事業

DMMチャットブースト

DMM英会話

DMM FX

DMMかりゆし水族館

ベルリング

ハッシャダイソーシャル

ヤンキーインターン

シント=トロイデンVV

DMM 地方創生

DMM.make 3Dプリント

DMM.make PRODUCTS

Seamoon Protcol by DMM Crypto

DMMバヌーシー

DMM EV ON

DMM WEBCAMP

DMMぱちタウン

DMM競輪

Waitinglist

Algoage

DMMポイントクラブ

社会課題

エンターテインメント

動画

電子書籍

アニメ

ゲーム

アプリゲーム

コミュニティ

オンラインサロン

PCゲーム

通販

オンラインイベント

ビジネスソリューション

教育

英会話

水族館

ハードウェア・プロダクト

救急車両

消防車両

モノづくり施設

サッカー

スポーツ

地方創生

VR体験

Web3

生成AI

研究開発

アプリ

ブロックチェーン

プラットフォーム

横断開発

社会インフラ

アミューズメント

ダイバーシティ

同人

サーバサイド

バックエンド

フロントエンド

ネットワーク

セキュリティ

ITインフラ

配信基盤

ペイメント

Android

データベース

ビッグデータ

データ分析

機械学習（ML）

MLOps

VR開発

フルスタック

プロトタイピング

イラスト作成

3DCG

モーショングラフィック

LPデザインの必要性と分析とメインビジュアルの話。

シェア

関連する求人

関連する記事