techup vol.3 × HTML5 fun 『Webで成果を上げる・支えるマーケティングと技術』で話したスライドになります。

1. Value of design
成 果を達 成するためのデ ザインプロセス

2. YUDAI TACHIBANA
@toybox _design
株式会社ALL CONNECT
webディレクター

4. fukui tokyo

5. プロジェクト
Webデザイナー
マーケッター コールセンター

6. プロジェクト
Webデザイナー
マーケッター コールセンター
ユーザーを
100,000人
集めました！

7. プロジェクト
Webデザイナー
マーケッター コールセンター
ユーザーを
100,000人
集めました！
契約2,000件
とりました！

8. プロジェクト
Webデザイナー
マーケッター コールセンターWebサイト
作りました！
ユーザーを
100,000人
集めました！
契約2,000件
とりました！

9. プロジェクト
Webデザイナー
マーケッター コールセンター・・・
ユーザーを
100,000人
集めました！
契約2,000件
とりました！

11. 1.デザインの成果
2.成果達成の為の施策立案
3.成果の正確性を図るための検証環境
4.デザインの成果のコミット
AGENDA

12. Result of design
デザインの成果

13. Design for...?

14. 何のためのデザイン?

15. KGI
Design for...?
目的

16. KGI CSF KPI
プロジェクトの目的

17. KGI CSF KPI
KGIに決定的な影響を与える要素

18. KGI CSF KPI
KGIを達成するための数値目標

19. 購入単価を上げる流入数を増やす 利用頻度を上げる
年間売り上げ10億円KGI
（目的）
CSF
（戦略）

20. 流入数を増やす 購入単価を上げる 利用頻度を上げる
年間売り上げ10億円KGI
（目的）
CSF
（戦略）

21. 流入数を増やす 購入単価を上げる 利用頻度を上げる
年間売り上げ10億円KGI
（目的）
CSF
（戦略）
月間PV50,000増目標

22. 流入数を増やす 購入単価を上げる 利用頻度を上げる
年間売り上げ10億円KGI
（目的）
CSF
（戦略）
月間PV50,000増目標
リスティングの見直し
PV25,000増
SEOの見直し
PV15,000増
SNSで拡散
PV10,000増
KPI
（施策）

23. Actionforgoals
成果達成の為の施策立案

24. 環境 流入 回遊 成果

25. 環境 流入 回遊 成果
ユーザー

26. ネット回線を判別したLP改善
ユーザーのネット回線を判別して、そのユーザーに最適化したコンテンツに変更
光回線
モバイル
回線
ADSL

27. 料金 サービス オプション キャンペーン
光回線
モバイル
回線
ADSL

28. 料金 サービス オプション キャンペーン
光回線
モバイル
回線
ADSL
モバイル回線

29. 料金 サービス オプション キャンペーン
光回線
モバイル
回線
ADSL
モバイル回線

30. モバイル
回線
料金 サービス オプション キャンペーン
光回線 ADSL
モバイル回線

31. header
main visual
side barcontents

32. header
side bar
contents
banner
main visual

33. 料金 サービス オプション キャンペーン
光回線
モバイル
回線
ADSL
モバイル回線

34. header
side bar
contents
banner
main visual
CVR（webサイト訪問から申し込みに至った率）
5.05%→6.93%

35. 流入 回遊 成果
広告
環境

36. banner1 banner2 banner2
good
VS VS
ディスプレイバナー改善
バナーのパターンをテストして、どのバナーが最適なのかを測定

39. 訴求文1 訴求文2 訴求分3VS VS

40. 訴求文1 訴求文2 訴求分3
料金 特典 魅力
VS VS

41. 訴求文1 訴求文2 訴求分3
料金 特典 魅力

42. 装飾1 装飾2 装飾3
訴求文2
特典
VS VS

43. 装飾1 装飾2 装飾3
訴求文2
特典
通常 キレイめ 派手
VS VS

44. 装飾1 装飾2 装飾3
訴求文2
特典
通常 キレイめ 派手

45. 装飾3
派手
装飾3 装飾4VS

46. 装飾3
派手
装飾3 装飾4
ボタン有ボタン無
VS

47. 装飾3
派手
装飾3 装飾4
ボタン有ボタン無
VS

48. 装飾3
派手
装飾3 装飾4
ボタン有ボタン無
VS
CTR（バナーが表示されて、クリックされた率）
0.08%→0.16%

49. 回遊 成果
行動
環境 流入

50. button
CTA改善
ファーストビューにおけるアクションポイントの改善

51. header
contents1
contents2
contents3
entry
first view

52. header
contents1
contents2
contents3
entry
first view
認知して判断まで
3秒以内

53. header
contents1
contents2
contents3
entry
scroll
魅力を感じる
4秒以降

54. header
item（商品）
side bar
（商品一覧）
sentence（商品説明）
entry（申し込み）

55. header
item（商品）
side bar
（商品一覧）
sentence（商品説明）
entry（申し込み）
認識

56. header
item（商品）
side bar
（商品一覧）
sentence（商品説明）
entry（申し込み）
興味

57. header
item（商品）
side bar
（商品一覧）
sentence（商品説明）
entry（申し込み）
検討

58. header
item（商品）
side bar
（商品一覧）
sentence（商品説明）
entry（申し込み）
認識

59. header
item（商品）
side bar
（商品一覧）
sentence（商品説明）
entry（申し込み）
興味

60. header
item（商品）
side bar
（商品一覧）
sentence（商品説明）
entry（申し込み）
購買

61. header
item（商品）
side bar
（商品一覧）
sentence1（商品説明1）
entry（申し込み）
sentence2（商品説明2）

62. header
item（商品）
side bar
（商品一覧）
sentence1（商品説明1）
entry（申し込み）
sentence2（商品説明2）
検討 認識・興味

63. header
item（商品）
side bar
（商品一覧）
sentence1（商品説明1）
entry（申し込み）
sentence2（商品説明2）
購買

64. header
item
side bar
sentence
entry
sentence
CVR（webサイト訪問から申し込みに至った率）
0.44%→0.77%

65. Testing of result
成果の正確性を図る検証環境

66. ABテスト
Webページの一部分、またはページそのものをAとBの2パターン用意し、
どちらのクリエイティブの方がより効果の高い結果が得られるかを実験する方法。
VS
pattern A pattern B

67. ABテスト
Webページの一部分、またはページそのものをAとBの2パターン用意し、
どちらのクリエイティブの方がより効果の高い結果が得られるかを実験する方法。
VS
0.6%→0.7%
CVR（webサイト訪問から申し込みに至った率）

68. ABテスト
Webページの一部分、またはページそのものをAとBの2パターン用意し、
どちらのクリエイティブの方がより効果の高い結果が得られるかを実験する方法。
VS
0.6%→0.5%
CVR（webサイト訪問から申し込みに至った率）

70. VS
pattern A pattern A
AAテスト
全く同じ条件でのテスト。誤差の範囲がどれほどかを測定。

71. AAテスト
全く同じ条件でのテスト。誤差の範囲がどれほどかを測定。
VS
pattern A pattern A
5.09%→4.46%
CVR（webサイト訪問から申し込みに至った率）

72. ?

73. サイコロの統計学

74. 5%
3%
2%
1%
0%
Aパターン Bパターン
下限 CVR 上限
Aパターン 1.9% 3% 4.1%
Bパターン 2.3% 3.5% 4.6%
4%

75. 5%
3%
2%
1%
0%
Aパターン Bパターン
下限 CVR 上限
Aパターン 1.9% 3% 4.1%
Bパターン 2.3% 3.5% 4.6%
4%
誤差範囲

76. 5%
3%
2%
1%
0%
Aパターン Bパターン
下限 CVR 上限
Aパターン 1.9% 3% 4.1%
Bパターン 5.4% 7% 8.6%
4%
6%
7%
8%
9%

77. 5%
3%
2%
1%
0%
Aパターン Bパターン
下限 CVR 上限
Aパターン 1.9% 3% 4.1%
Bパターン 5.4% 7% 8.6%
4%
6%
7%
8%
9%
取りうる範囲が被っていないため、優位
信頼度95%の優位

78. 環境
流入
回遊
成果

79. 環境
流入
回遊
成果 規模が小い程
成果の数が
溜まりにくい

80. 環境
流入
回遊
成果

81. 環境
流入
回遊
成果

82. 環境
流入
回遊
成果
中間指標の方が
優位さの判定をする
数を溜めやすい

83. Aパターン Bパターン 誤差判定
訪問数 12,552 9,814 -
CVR 0.4% 0.6% 誤差
直帰率 35.66% 29.15% 優位
フォーム遷移率 12.83% 16.39% 優位

84. Value of design
デザインの成果のコミット

85. デザイナー プロジェクト

86. CVRを
1%上げました！
デザイナー プロジェクト

87. ・・・
デザイナー プロジェクト

88. ?

89. ?KGIを見据えたコミットを行う

90. Aパターン Bパターン
訪問数 12552 9814
CVR 0.4% 0.6%
平均売上単価 ¥26,000 ¥26,000
予想売上 ¥2,346,000 ¥3,601,000
予想改善額 ¥1,255,000

91. デザインの成果を示すには
データが必要不可欠

92. design value

93. design KGI

94. design KGIKPI

95. design value

96. Thanks!