1. エースホームの W e b 戦略を実現した
サイト構築
1
LOFTWORK SEMINAR
企業に求められるオウンドメディア戦略

2. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
自己紹介
太田 聡
loftwork ：クリエイティブ DIV
過去担当案件：
NEXWAY 様
ヤマトシステム開発様
中規模から、大規模企業のサイトリ
ニューアル、コンバージョンに特化
したサイトを多く担当して
きております。
2

3. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
目次
a. 問合せ増加の施策
b. 情報発信力の強化
c. 同一 CMS を用いたリニューア
ル
3

4. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
① 問合せ増加の施
策• デザイン面での改善
• 構造面での改善
4

5. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
① 問合せ増加の施策
デザイン面での改善
1. エースホームのブランディングをさらに強めるデザイン
→ エースホームのイメージを具現化
→ 最も訴求したいターゲットを軸にデザインを設計
2. 商品をより魅力的に分かりやすく表示
→ 大切な商品の画像をより大きく、洗練されたページで
5

6. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
デザイン面での改善
エースホームのブランディングを強める
デザイン
① 問合せ増加の施策
6

7. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
① 問合せ増加の施策
7
デザイン面での改善

8. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
① 問合せ増加の施策
構造面での改善
・問合せの表示方法の検討
→ リテラシーの低いユーザに対しても取りこぼすことなく問合せに
たどりつける導線を確保
・ユーザ導線の改善・回遊性の向上
→ ユーザの欲する関連情報を随所に配置
8

9. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
① 問合せ増加の施策
構造面での改善
問合せの表示方法の検討
いつでも、
どこでも、
見つけられるように
いつでも、
どこでも、
見つけられるように
9

10. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
① 問合せ増加の施策
構造面での改善
ユーザ導線の改善・回遊性の向上
10

11. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
構造面での改善
ユーザ導線の改善・回遊性の向上
① 問合せ増加の施策
11

12. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
② 情報発信力の強化
• 既存コンテンツの活用
• 店舗ごとの情報発信の強化
• 自由にキャンペーンを
12

13. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
② 情報発信力の強化
既存コンテンツの活用
3 年前のリニューアルから、更新・蓄積されたコンテンツを再整理・有効活用
13

14. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
情報整理
② 情報発信力の強化
14

15. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
② 情報発信力の強化
店舗ごとの情報発信の強化
各店舗が更新できる範囲を拡大し
店舗ごとのイベントページの作成・更新を可能に
お近くの加盟店
トップ
お近くの加盟店
地域内一覧
お近くの加盟店
店舗詳細
加盟店イベント情報イベント店舗一覧イベント一覧
お近くの加盟店詳細
印刷用ページ
15

16. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
店舗ごとの情報発信
② 情報発信力の強化
お近くの加盟店
店舗詳細
加盟店イベント情報イベント店舗一覧
16

17. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
② 情報発信力の強化
自由にキャンペーンを
キャンペーンページ用のテンプレートを開発し、制作時間をあまりか
けずにいつでも本部から発信ができるように
キャンペーン
トップ
キャンペーン
地域一覧
キャンペーン
店舗
キャンペーン
詳細
17

18. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
キャンペーンページの容易な作成を可能に
② 情報発信力の強化
18

19. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
③ 同一 CMS を用いた
リニューアル
• 資産の活用
• 移行コストの削減
• 運用面の負荷軽減
19

20. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
そもそも CMS とは
③ 同一 CMS を用いたリニューアル
20
NEW

21. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
資産の活用
今まで登録されているコンテンツを極力流用
③ 同一 CMS を用いたリニューアル
21
NEWOLD

22. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
③ 同一 CMS を用いたリニューアル
移行コストの削減
移行対象ページ数 ： 約 250 ページ
通常
・期間 ： 2 ～ 3 週間
・コスト ： 約 80 ～ 90 万
エースホーム様の場合
・期間 ： なし
・コスト ： なし
22

23. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
③ 同一 CMS を用いたリニューアル
運用面の負荷軽減
運用する際のインターフェイスは同じ
基本操作もこれまでと同様
→慣れた画面のまま
→特別なトレーニングが不要
23

24. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
最後に
リニューアルはゴールではなく
次のステップの準備です
解析ログから、
一緒に
より効果の高いサイトづくりを
ご支援していきます
24

25. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
25
Now loading…

26. えーすほーむずの
ワクワクぬりえタウン
iPhone アプリ開発 ( 秘？ ) 話

27. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
北島 識子
loftwork
クリエイティブディビジョン
小・中規模 CMS 開発
モバイルコンテンツ制作
印刷物デザイン企画 など
27

28. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
Index
iPhone① アプリ企画
② 実際の制作の流れ
③ 成果と Tips
28

29. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
①iPhone アプリの企画
アプリ開発の企画に至る経緯と、
ロフトワークのご提案
29

30. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
エースホーム様のご要望
はフランチャイズ への・目的 加盟店 誘
導
ターゲットはファミリー 、お・ 層 子様
ちびっこ「 一級建築士」
キャンペーン にあたって開催
① iPhone アプリの企画まで
ユーザー体験度の高いプロモーション
を行いたい
30

31. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
プロモーションツールの選定
が けない のお さまに絵 描 未就学児 子
も しんでもらえるような、楽 iPhone ア
プリを ることが ないか作 出来 ？
① iPhone アプリの企画まで
31

32. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
開発に利用したサービス
① iPhone アプリの企画まで
32

33. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
ロフトワークからのご提案
ユーザーの の い体験度 高 iPhone アプリをご提
案
① iPhone アプリの企画まで
33
Web サイトへの掲載で
クロスメディア展開
キャンペーン後も、
商談中のお子さまに
遊んでもらえる

34. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
御提案した実装方法
★HTML と Javascrips で を する機能 制作
サービスを利用
1. 制作期間： 2 ヵ月（実制作期間 1 ヵ月）
2. 開発方法： HTML5,Javascript,OEM サービス
までは 、プログラマに するアプリ今 開発会社 委託 制作
を、デザイナー、コーダーが るようになった。制作出来
また、 で での が に。安価 短期間 実装 可能
① iPhone アプリの企画まで
34

35. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
②実際の制作の流れ
アプリ制作を検討されている
担当者様に向けて、エースホーム様の
事例と合わせて制作の流れを紹介します。
35

36. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
制作の全体の流れ
② 実際の制作の流れ
36
アプリ は と の開発 制作 申請 2 ライン
前提条件によってラインは変動します
今回の前提条件は以下
●国内向け●無料アプリ●申請代行有

37. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
１ . 制作
仕様策定
・要件定義（前提条件の確認）
・作業分担、スケジュール確認
・アプリの機能、画面遷移図確認
② 実際の制作の流れ
37
ゴールと の作業分担 共有

38. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
② 実際の制作の流れ
デザイン作成・ HTML 実装
・デザイン作成
・ HTML 作成、テスト
・動作検証、デザイン・ HTML 調整
１ . 制作
38
めの テストで をアップ早 動作 操作性

39. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
② 実際の制作の流れ
１ . 制作
ビルド作業
・ HTML ビルド
・実機検証、調整
・納品用ビルドデータ用意
39
での 、 わぬ とし も実機 確認 思 落 穴
実機検証⇔デザイン調整
コーディング調整
をポイントに

40. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
２ . 申請
② 実際の制作の流れ
必要環境・書類準備
・検証用 Mac ・デバイスの用意
・法人登録用書類の用意
・申請代行用情報の用意
・テストアカウントの作成
40
のための登録・開発・申請 事前準備
この後にどのようなフローが
あるのかを確認、準備する
重要なポイント

41. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
② 実際の制作の流れ
AppleDeveloper プログラムへの登録
・ Developer プログラムへの登録
・プログラム購入
・法人申請（書類送付）
２ . 申請
41
アプリ の の開発 為 Apple プログラム登録

42. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
申請準備
・申請用証明書の用意
・申請用原稿他、情報用意
・申請用素材用意
・サポートページ作成
２ . 申請
② 実際の制作の流れ
42
アプリ の の開発 為 Apple プログラム登録

43. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
② 実際の制作の流れ
申請、アプリ公開
・申請～ Apple 審査
・必要があればフィードバックを元に修正
・ iTune Store にアップ、アプリ公開
２ . 申請
43
ビルドデータの登録、 Apple 審査

44. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
③成果と Tips
44

45. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
実際のアプリ
えーすほーむずのワクワクぬりえタウン
iPhone から [ エースホーム ][ ぬりえタウン ] などのキーワードで検索できます
~11/20 4,500 ダウンロード
② 成果と Tips
45

46. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
ある日の
加盟店社員さんのつぶやき
楽しく、参加できる、ユーザー体験度
の高いプロモーションを実現
② 成果と Tips
46

47. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
Tips!
1. アプリを作る目的を明確にする
App Store に登録する説明文は、引きのあるテキストを
2. 検索ワードがものをいう！
「来客促進」なのか？ 「ブランディング」？「話題喚起」？
まず何が、誰に対して、を共有頂くことでよりよい提案が行える
開発後の告知で、アプリを育てていくことも大切
3. 開発後の告知も、忘れずに
② 成果と Tips
47

48. LOFTW ORK SEMINAR
企業に求められるオウンドメディア戦略
ご静聴、
どうもありがとうございました
48