Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

エースホームのWeb戦略を実現したサイト構築

1,257 views

Published on

Published in: Technology
  • Be the first to comment

エースホームのWeb戦略を実現したサイト構築

  1. 1. エースホームの W e b 戦略を実現した サイト構築 1 LOFTWORK SEMINAR 企業に求められるオウンドメディア戦略
  2. 2. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 自己紹介 太田 聡 loftwork :クリエイティブ DIV 過去担当案件:   NEXWAY 様   ヤマトシステム開発様 中規模から、大規模企業のサイトリ ニューアル、コンバージョンに特化 したサイトを多く担当して きております。 2
  3. 3. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 目次 a. 問合せ増加の施策 b. 情報発信力の強化 c. 同一 CMS を用いたリニューア ル 3
  4. 4. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ① 問合せ増加の施 策• デザイン面での改善 • 構造面での改善 4
  5. 5. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ①  問合せ増加の施策 デザイン面での改善 1. エースホームのブランディングをさらに強めるデザイン  → エースホームのイメージを具現化  → 最も訴求したいターゲットを軸にデザインを設計  2.  商品をより魅力的に分かりやすく表示  → 大切な商品の画像をより大きく、洗練されたページで 5
  6. 6. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 デザイン面での改善 エースホームのブランディングを強める デザイン ①  問合せ増加の施策 6
  7. 7. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ①  問合せ増加の施策 7 デザイン面での改善
  8. 8. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ①  問合せ増加の施策 構造面での改善 ・問合せの表示方法の検討  → リテラシーの低いユーザに対しても取りこぼすことなく問合せに    たどりつける導線を確保 ・ユーザ導線の改善・回遊性の向上  → ユーザの欲する関連情報を随所に配置 8
  9. 9. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ①  問合せ増加の施策 構造面での改善 問合せの表示方法の検討 いつでも、 どこでも、 見つけられるように いつでも、 どこでも、 見つけられるように 9
  10. 10. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ①  問合せ増加の施策  構造面での改善 ユーザ導線の改善・回遊性の向上 10
  11. 11. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 構造面での改善 ユーザ導線の改善・回遊性の向上 ①  問合せ増加の施策 11
  12. 12. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ② 情報発信力の強化 • 既存コンテンツの活用 • 店舗ごとの情報発信の強化 • 自由にキャンペーンを 12
  13. 13. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ②  情報発信力の強化 既存コンテンツの活用 3 年前のリニューアルから、更新・蓄積されたコンテンツを再整理・有効活用 13
  14. 14. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 情報整理 ②  情報発信力の強化 14
  15. 15. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ②  情報発信力の強化 店舗ごとの情報発信の強化 各店舗が更新できる範囲を拡大し 店舗ごとのイベントページの作成・更新を可能に お近くの加盟店 トップ お近くの加盟店 地域内一覧 お近くの加盟店 店舗詳細 加盟店イベント情報イベント店舗一覧イベント一覧 お近くの加盟店詳細 印刷用ページ 15
  16. 16. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 店舗ごとの情報発信 ②  情報発信力の強化 お近くの加盟店 店舗詳細 加盟店イベント情報イベント店舗一覧 16
  17. 17. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ②  情報発信力の強化 自由にキャンペーンを キャンペーンページ用のテンプレートを開発し、制作時間をあまりか けずにいつでも本部から発信ができるように キャンペーン トップ キャンペーン 地域一覧 キャンペーン 店舗 キャンペーン 詳細 17
  18. 18. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 キャンペーンページの容易な作成を可能に ②  情報発信力の強化 18
  19. 19. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ③ 同一 CMS を用いた  リニューアル • 資産の活用 • 移行コストの削減 • 運用面の負荷軽減 19
  20. 20. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 そもそも CMS とは ③  同一 CMS を用いたリニューアル 20 NEW
  21. 21. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 資産の活用 今まで登録されているコンテンツを極力流用 ③  同一 CMS を用いたリニューアル 21 NEWOLD
  22. 22. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ③  同一 CMS を用いたリニューアル 移行コストの削減 移行対象ページ数 : 約 250 ページ 通常 ・期間  :  2 ~ 3 週間 ・コスト  : 約 80 ~ 90 万 エースホーム様の場合 ・期間  : なし ・コスト  : なし 22
  23. 23. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ③  同一 CMS を用いたリニューアル 運用面の負荷軽減  運用する際のインターフェイスは同じ  基本操作もこれまでと同様  →慣れた画面のまま  →特別なトレーニングが不要 23
  24. 24. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 最後に リニューアルはゴールではなく 次のステップの準備です 解析ログから、 一緒に より効果の高いサイトづくりを ご支援していきます 24
  25. 25. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 25 Now loading…
  26. 26. えーすほーむずの ワクワクぬりえタウン iPhone アプリ開発 ( 秘? ) 話
  27. 27. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 北島 識子 loftwork クリエイティブディビジョン 小・中規模 CMS 開発 モバイルコンテンツ制作 印刷物デザイン企画 など 27
  28. 28. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 Index iPhone① アプリ企画 ② 実際の制作の流れ ③ 成果と Tips 28
  29. 29. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ①iPhone アプリの企画 アプリ開発の企画に至る経緯と、 ロフトワークのご提案 29
  30. 30. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 エースホーム様のご要望 はフランチャイズ への・目的 加盟店 誘 導 ターゲットはファミリー 、お・ 層 子様 ちびっこ「 一級建築士」 キャンペーン にあたって開催 ① iPhone アプリの企画まで ユーザー体験度の高いプロモーション を行いたい 30
  31. 31. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 プロモーションツールの選定 が けない のお さまに絵 描 未就学児 子 も しんでもらえるような、楽 iPhone ア プリを ることが ないか作 出来 ? ① iPhone アプリの企画まで 31
  32. 32. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 開発に利用したサービス ① iPhone アプリの企画まで 32
  33. 33. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ロフトワークからのご提案 ユーザーの の い体験度 高 iPhone アプリをご提 案 ① iPhone アプリの企画まで 33 Web サイトへの掲載で クロスメディア展開 キャンペーン後も、 商談中のお子さまに 遊んでもらえる
  34. 34. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 御提案した実装方法 ★HTML と Javascrips で を する機能 制作  サービスを利用 1. 制作期間: 2 ヵ月(実制作期間 1 ヵ月) 2. 開発方法: HTML5,Javascript,OEM サービス までは 、プログラマに するアプリ今 開発会社 委託 制作 を、デザイナー、コーダーが るようになった。制作出来 また、 で での が に。安価 短期間 実装 可能 ① iPhone アプリの企画まで 34
  35. 35. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ②実際の制作の流れ アプリ制作を検討されている 担当者様に向けて、エースホーム様の 事例と合わせて制作の流れを紹介します。 35
  36. 36. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 制作の全体の流れ ② 実際の制作の流れ 36  アプリ は と の開発 制作 申請 2 ライン    前提条件によってラインは変動します   今回の前提条件は以下  ●国内向け●無料アプリ●申請代行有
  37. 37. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 1 . 制作 仕様策定  ・要件定義(前提条件の確認) ・作業分担、スケジュール確認 ・アプリの機能、画面遷移図確認 ② 実際の制作の流れ 37  ゴールと の作業分担 共有
  38. 38. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ② 実際の制作の流れ デザイン作成・ HTML 実装  ・デザイン作成 ・ HTML 作成、テスト ・動作検証、デザイン・ HTML 調整 1 . 制作 38   めの テストで をアップ早 動作 操作性
  39. 39. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ② 実際の制作の流れ 1 . 制作 ビルド作業  ・ HTML ビルド ・実機検証、調整 ・納品用ビルドデータ用意 39   での 、 わぬ とし も実機 確認 思 落 穴 実機検証⇔デザイン調整 コーディング調整 をポイントに
  40. 40. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 2 . 申請 ② 実際の制作の流れ 必要環境・書類準備  ・検証用 Mac ・デバイスの用意 ・法人登録用書類の用意 ・申請代行用情報の用意  ・テストアカウントの作成 40 のための登録・開発・申請 事前準備 この後にどのようなフローが あるのかを確認、準備する 重要なポイント
  41. 41. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ② 実際の制作の流れ AppleDeveloper プログラムへの登録  ・ Developer プログラムへの登録 ・プログラム購入 ・法人申請(書類送付) 2 . 申請 41  アプリ の の開発 為 Apple プログラム登録
  42. 42. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 申請準備  ・申請用証明書の用意 ・申請用原稿他、情報用意  ・申請用素材用意 ・サポートページ作成 2 . 申請 ② 実際の制作の流れ 42  アプリ の の開発 為 Apple プログラム登録
  43. 43. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ② 実際の制作の流れ 申請、アプリ公開  ・申請~ Apple 審査  ・必要があればフィードバックを元に修正 ・ iTune Store にアップ、アプリ公開 2 . 申請 43 ビルドデータの登録、 Apple 審査
  44. 44. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ③成果と Tips 44
  45. 45. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 実際のアプリ えーすほーむずのワクワクぬりえタウン  iPhone から [ エースホーム ][ ぬりえタウン ] などのキーワードで検索できます ~11/20   4,500 ダウンロード ② 成果と Tips 45
  46. 46. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ある日の 加盟店社員さんのつぶやき 楽しく、参加できる、ユーザー体験度 の高いプロモーションを実現 ② 成果と Tips 46
  47. 47. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 Tips! 1. アプリを作る目的を明確にする App Store に登録する説明文は、引きのあるテキストを 2. 検索ワードがものをいう! 「来客促進」なのか? 「ブランディング」?「話題喚起」? まず何が、誰に対して、を共有頂くことでよりよい提案が行える 開発後の告知で、アプリを育てていくことも大切 3. 開発後の告知も、忘れずに ② 成果と Tips 47
  48. 48. LOFTW ORK SEMINAR 企業に求められるオウンドメディア戦略 ご静聴、 どうもありがとうございました 48

×