Foo Moo取材＠Web Site Expert #26
•
2 recomendaciones•1,369 vistas
ネットイヤーグループ様とご一緒させて頂いたFoo Mooプロジェクトの取材です。 引用元Web Site Expert #26 http://gihyo.jp/magazine/WSE/archive/2009/vol26
Recomendados
Más contenido relacionado
Destacado
Similar a Foo Moo取材＠Web Site Expert #26
Similar a Foo Moo取材＠Web Site Expert #26 (20)
Foo Moo取材＠Web Site Expert #26
- 1. グルメサイトの新ス ル タイ FooMooの 全貌に迫る 取材・文＝Web Site Expert 馮 富久 写真＝武田康宏 2009 年 6月，株式会社リクルー トが運営するグルメ サイ 『ホッ ト トペッパー .jp』のリニュ ーアルが行われ， 新たに『FooMoo』 （フームー）という名称で生ま れ変わり した． れまで，リ ま こ フ ーペーパー『ホッ トペッ パー』との連動を積極的に行ったり，豊富な情報量 で他を寄せ付けないメディ して展開してきたサイ アと トが， なぜリニューアルを行ったのか． そして， この 先どのよ な展開を狙っているのか——今回，運営 う 元のリクルー トの他，設計・制作・デザインを担当 したネ トイヤーグループ株式会社， ッ インテリジ ン ェ ト ネ ト株式会社の担当者にイ ビュ ッ ンタ ーを行い， お話 を伺いま した．（取材日 ：2009 年 8月10日） スクールなど生活に密着した 展開していたのですが，次の リニューアルの 情報を扱っていること， そして， フェーズに進むタイミングを 背景 F1層と呼ばれる20 〜 34 歳の 迎えたとき，これからはさら 女性をターゲットにしている に幅広いターゲットを対象に， ことが特徴でした．今回のリ より有用な情報提供を行える ターゲットの拡大を ニューアルでは， このターゲッ メディア展開を目指そうとい 目指して トをさらに拡大し，さらに利用 うことになり，今回のリニュー これまで運営していた 『ホッ シーンに応じた情報展開を目 アルを実施することになりま トペッパー .jp』 ，そしてその母 指すべく，行われたとのこと． した」，こう語るのは，今 回 体となるフリーペーパー 『ホッ 「私たちリクルートは，2000 のプロジェクトリーダー，リ トペッパー』は，飲食店を含 年からフリーペーパー『ホッ クルート街の生活情報カンパ め，美容やリラクゼーション， トペッパー』を発行し， メディ ニー 田村耕人氏です． アとしての展開をしてきまし た．『ホットペッパー』の特徴 は，圧倒的な情報量を持って いることで，おかげさまでフ リーペーパーとして1つの地 位を築けたと思います．その 後，2005 年 にWeb 版『 ホッ トペッパー .jp』の開設，2006 年 に 飲 食 サイトとして のリ ニューアルが行われ新しい取 り組みを行ってきました．こ れらはすべてF1層と呼ばれ 田村耕人（株式会社リクルート） る特定のターゲットに対して 野口知佳（株式会社リクルート） 1 ● WebSite expert #26
- 2. リニューアル コンセプト 情報の拡大， 導線強化などを実現 ターゲットの拡大・ステーク ホルダー 3者のバランス強化 という背景から，最終ゴールと して「実際のユーザのアクショ ン率を向上させること」を掲げ， 杉尾直高（ネットイヤーグループ株式会社 宮村裕太（ネットイヤーグループ株式会社 SIPS事業部ユーザーエクスペリエンスデザイ 今回のリニューアルプロジェク SIPS事業部プロデューサーグループ第8チー ングループ第2チーム クリエイティブディレク ター /インフォメーションアーキテクト） トはスタートしました． ム プロデューサー） このゴールを実現すべく， を変更するために過去のブラ 3つの ・掲載件数を増やす ンドを壊し新しいブランドを ステークホルダー ・豊富な掲載件数を活かすた 創れるデザイン力を持ってい めに，検索導線・店舗情報 「ターゲットの拡大という大 る会社を探しました」 ． を改善 きなゴールとともに，私たち ・メンテナンス性の高いサイト ホットペッパーには1つの特徴 構造にする があります．それは，3つのス サイト制作の テークホルダーを持ったメディ と い う3つ の 視 点 か ら，リ 舞台裏 グルメサイトの ア展開を行っている点です」 ニューアルは行われています． 新ス ル タイ （田村氏） ． FooMooの 田 村 氏 が 述 べ る3つ の ス とにかく 全貌に迫る 短期間で実現できる 「変わった感」を出す テークホルダーとは， 馬力とブランドを創れる デザイン力を重視 制作・デザイン会社が決定 ・ユーザ（サービス利用者） してから，キックオフミーティ ・クライアント（飲食業関係者） サイト設計・デザイン・制 ングを行いました．そのとき， ・営業（リクルート内営業担当） 作に関しては，ネットイヤー 田村さんが最も意識したのが の3 者 に な り ま す． 通 常 の グループとインテリジェント “変わった感”を出すことだっ WebサービスやWebサイト ネットの 2 社が担当しました． たとのこと． では，上記 2つを対象とする 発注先決定について，田村氏 「先に伝えたとおり，ブラン 場 合 が 多 い ので すが，リク はこのように述べています． ドを作り直すことが目的の1つ ルートが展開するメディアで 『ホットペッパー .jp』自体 だったので，まず“変わった は，広告販売を行う営業担当 がかなり大規模なサイトだっ 感”を出せるサイトにしても 者が存在し，深くコミットしま たので，大規模サイトに耐え らうことが最大の要件でした． す．今回のリニューアルにあ うる体制と実績を持っている 一方で，機能性と情緒性の共 たり「この2 番目のステークホ 企業というのが大前提でし 存，枯れたUI（どんなユーザ ルダーであるクライアントの た．加えて，スケジュール自 でも学習せずに利用可能），オ 位置付けを強め，より一層3 体もそれほど余裕がなく， 規（ フィス利用可能なビジュアル， 者の適切なバランスを取るこ 模に対して）短期間でできる 体感的な“飲食体験”への誘 とを目指しました」と，田村氏 体力を持っている会社，そし 導といった部分を，盛り込ん はコメントしています． て何より，今回はターゲット でもらうように伝えました」． WebSite expert #26 ● 2
- 3. サイトのリニューアル＋ブ 観点から，Web 以外の要素 際の制作 開発フェーズでした． ・ ランディングの再構築という を含めたブランド戦略が必要 しかし，今回のプロジェクトで 2つの目的に対し， 「変化を見 であり，その決定プロセスに は，キックオフの段階から同席 せる」というアプローチが， 最も時間を割かれていたから させていただき，会議での意 FooMooが生まれるきっかけ です． 見交換，情報共有がしっかり となったのです． ただ，そういった中でも， とできました．その結果，目指 リクルートという会社が目指 すゴールというのが一本化さ すメディアのコンセプトはき れており，意識のズレがなかっ ブランドイメージのない ちんと共 有できていました たように思います． だからこそ， 状態からブランドを作る し，また，3 者のステークホ 最後までぶれずにリリースまで 続いて，プロジェクトキッ ルダーという観点から，一般 辿り着くことができたと感じて クオフ後の様子について，設 的に言われているWeb サイ います． 計・デ ザイン・制 作を担当 トのUCD（ユーザセンター また，これは私個人として感 したネットイヤーグ ループ ドデザイン） の部分ではなく， じた点ですが，発注者である田 SIPS 事 業 部 クリエイティ 営業担当者を含めた商品とし 村さんの想定する品質がとても ブディレクター／インフォー ての調和というところが 1つ 高く，非常に高いレベルでのア メーションアーキテクト 杉尾 の軸としてあったので，そこ イデアやイメージというのが伝 直高氏に伺いました． を中心に，まずは店舗ページ わってきました．そのため，新し 私 た ち ネット イ ヤ ー グ 「 の設計・デザインから進むこ い技術や取り組みなどをこちら ループは，今回のプロジェク とになりました」 ． から提案しやすい雰囲気があっ トに関して，設計およびデザ 通常，Web サイトや Web たように思います」（和田氏）． イン部分を担当しました．舞 サービスのリニューアルを行 このお話からわかるように， 台裏という意味では，今回の う場合，ブランドの確立，名 リニューアルに限らずWeb制 プロジェクトは，最終的なブ 称の決定というのがあってか 作のプロジェクトでは，関係 ランドイメージというのがぎ らプロジェクトが動く場合が 者の意識統一はとても重要で りぎりまで確定しない状態で 多いですが，今回のプロジェ す．とくに，複数メンバーが関 設計・デザイン工程に入って クトはそういった一般的なフ わる場合，どういったゴールに いたのです．というのも，先 ローとは異なる形で動いたも 向かってどういうフローで進め ほどの田村さんのお話にも のだったと言えます．そこで， ていくのか，一本の軸を創れる あったとおり，3 者のステー どういったポイントを押さえ かどうかがプロジェクトの成否 クホルダーのバランスという ることできちんとリリースま に関わると言っても過言では で導くことができたのでしょ うか． この点については，制作・ 開発を担当したインテリジェ ントネット株式会社取締役兼 COO 和田嘉弘氏のコメントに ポイントが隠されていました． キックオフからの メンバー全員のコミ トに ッ より実現した意識統一 「私たちが担当するフェーズ は，コンセプトから設計・デザ 和田嘉弘（インテリジェントネット株式会社 角雄崇（インテリジェントネット株式会社 IT 取締役兼COO） インに落とし込んだ後の，実 Solution事業部リーダー） 3 ● WebSite expert #26
- 4. ないでしょう．加えて，発注者 また，「エリアTOP画面に関 た」（杉尾氏） ．このように，ユー 側のリテラシーの高さが，デザ しても，店舗数に応じて店舗 ザ がFooMooを 見 たときに， グルメサイトの イン・実装側が持つスキルを までの階層を使い分けていて， お店の雰囲気がすぐにわかる 新ス ル タイ 100％引き出すことができると たとえば多数の店舗がある東 ようなビジュアルを意識したレ FooMooの も言えます． 京であれば，東京→エリア→ イアウトデザインを実現してい 全貌に迫る 駅というように三段階に分け ます．これにより，他の飲食情 て探せるようになっています． 報サイトとの差別化が図れた サイトの特徴 また，ここではFlashを活用し， 他，リクルート側の営業担当者 ユーザがストレスなく検索でき にとっても，営業展開がしやす るような工夫をしています」和（ くなったという効果もあったそ 田氏）というコメントからもわ うです． 利用シーンに合わせたコ かるように，UCDの概念を含 加えて「派手なビジュアル ンテンツの準備 めたサイト制作が行われてい ではなく，丁寧なデザイン，満 機能面から見て工夫したポ るのが特徴です． 足度の高いUXを実現すること イントについて伺ったところ， に重きを置いてもらった」 （田 一番のポイントは「利用シーン 村氏）ということからもわかる に合わせたコンテンツであるこ 見栄えを重視， リクルート ように，消費されるサイトでは 側の営業活動もサポート と」 （杉尾氏）とのこと．「誰と」 なく，ユーザが何度も使いた 「どういったシーンで」という 「ビジュアル面では，とにか くなるような満足度の高いサ 選択基準から目的の店舗を探 く写真が映えるようにしていま イト，高い品質のサイトこそが し出せるような設計を実現する す．写真サイズはできる限り大 FooMooが目指した新しいブラ ために，プライベート」 「 「宴会・ きく使うレイアウトにし，お店 ンドと言えるでしょう． パーティー」の2つの入口が用 の雰囲気を直感的に伝えられ 意されています． るような画面デザインにしまし WebSite expert #26 ● 4
- 5. になっていければと思います」 このメンバーがいたというの 運用とこれから が最も良かった点だったと思 杉尾氏： 「プロジェクトを振り います．また，9 ヵ月という期 返ってみて，とても楽しいも 間中，皆モチベーションを高 最後に，リリース後に感じ のでした．大変な部分はあり く持ち続けられた点も良かっ た点，今後の展開について伺 ましたが，もう1回やりたいと たです．制作・開発を担当し いました． 思えるものでした．おそらくそ た立場から言えば，前述の通 の理由の1つは，関係者全員 りキックオフ段階からコミット 田村氏： 「情報サイトとしての のモチベーションが高かった でき，メンバー間の共有が実 クオリティはもちろん，3 者 からだと思います．また， ステー 現できたのも大きいです」 のステークホルダーに対する クホルダーが複数いるサイト フォローアップも対応されて の難しさというのも痛感しま 角氏：「和田が話したとおり， いる器になりました． ビジネス した．サイトに含まれるさまざ 早い段階でコミットできたの 的な観点から見ても，母数が まな要素のバランスを取る重 は非常に良い点でした．開発 大きいのでたとえばコンバー 要さについて改めて教えても する前から意見交換が行えた ジョンを0.5％向上させるだけ らえました」 結果，このようにすばらしい でも効果が見えますし，これ サイトになったと思います」 から私たちのほうでチューニ 宮 村 氏： 今 回，ターゲット 「 ングをし，さらに良いものに のバランスがとても重要なポ 以 上，リク ル ートが 展 開 仕上げていきたいです」 イントでした．今の田村さん， す る 新 感 覚 グ ル メ サ イト 野口さんのお話にもあったよ 「FooMoo」誕生の舞台裏に 野口氏：「サイトのUXが向上 うに，使う方に満足いただけ ついて紹介しました．他にも， した結果，ネットからの店舗 るものに仕上がった達成感が 今回は紹介しきれなかったモ 予 約が 上 がっているという あります」 バイル向け展開など，まだま フィードバックをいただいて だ魅力的な機能が満載です． います．このように，ユーザ 和田氏： 「プロジェクト後に これからのさらなる進化に期 様はもちろん，クライアント 反省会を行いました．そこで， 待しましょう． 様にとっても喜ばれるサイト KPTをしたのですが，やはり 株式会社リクルート http://www.recruit.co.jp/ リクルートは，企業と人（Business to Consumer） ，もしくは企業と企業 （Business to Business）を結びつける場を，情報誌・インターネット・ モバイルなど多彩なメディアを通じて提供しています． ネットイヤーグループ株式会社 http://www.netyear.net/ ネットイヤーグループは，PCやモバイルのWebを中核に据えた総合的なマー ケティング業務を支援します．大企業を中心にサイト戦略立案，構築，運営， ブランディング，プロモーション企画，CRM，効果分析などを提供する企業です． インテリジェントネット株式会社 http://www.ini.co.jp/ コミュニケーションデザインを強みに，コーポレートサイトからサービス サイトまで構築・運用支援を行っています．フロントエンド高速化やEC レベニューシェアなどの特徴的サービスも提供します． 5 ● WebSite expert #26
- 6. これがFooMooだ http://www.hotpepper.jp/ ！ 店舗数に応じた階層 でのエリア分けが行 われている． グルメ手帳は，ユーザごとの情報でカ スタマイズできるマイページ機能． 他ユーザのクチコミ，お気に入りユー ザのおすすめなどをまとめることがで きる． ユーザの利用シーンに合わせて， グルメサイトの ・プライベートシーン 新ス ル タイ ・パーティ・宴会シーン FooMooの の2 種類の利用シーンによるカテゴラ 全貌に迫る イズが行われている． さらに，それぞれのシーンに移動すると， ・店舗情報 ・店舗の特徴を表すメーター ・3つのお勧めポイント ・メニューのアラカルト ・外観・内装などの写真 ・個別サービス内容 など，1ページ内で店舗のイメージが掴 めるようなビジュアルデザインになっ ている． FooMooの画面フロー ユーザにとって情報に到達しやすいよう， ・ 宴会 パーティ といったシーン別の切り替え，各店舗情報の画面間の つながりがスムーズになる導線設計が行われている． また，店舗情報の更新などがクライアント側でできる など，目に見えない部分を含めた全体の情報構造につ いて，綿密に作り込まれているのも大きな特徴． WebSite expert #26 ● 6