FooMoo by Hot Pepper リニューアル
FooMoo by Hot Pepper リニューアル
http://www.hotpepper.jp/
プロジェクトの概要
株式会社リクルートが運営するグルメサイト「ホットペッパー.jp」を「掲載件数の増加」「豊富な掲載件数をより活用した検索導線・店舗情報の改善」「メンテナンス性の向上」をコンセプトにフルリニューアル。UCDのみならず、営業担当者を含めたステークホルダーに対応させた設計・開発を実施しました。
プロジェクトのポイント
とりあえずキープ機能
会員登録を行うと「グルメ手帳」という会員専用画面にお店をブックマークできますが、「とりあえずキープ」は会員登録せずにその場でサイドバーにお店を追加できます。Ajaxによって画面遷移なく簡単に追加・削除が行え、キープした店舗の比較も出来ます。
ユーザーテストを実施しながらUCD、ビジネスバランスにこだわった情報設計
ニーズが高い写真が映えるように設計・実装を検討。なるべく写真を大きくできるレイアウトにし、お店の雰囲気を直感的に伝えるような画面デザインに。ユーザー利便性に加えて、商品としての価値を高める工夫をしています。ユーザーテストも重ね、リリース前にもユーザーの使い勝手、広告商材としてのWebサイトとしての両面を兼ね備えられる情報設計を意識しました。
フロントエンドWebサイト高速化
デザインを重視しつつも、HTTPリクエスト数、CSS、JavaScriptのチューニングを施しています。膨大なアクセスがあるサイトなので小さな変更も全体では大きな影響があります。
表示スピードが1秒遅くなると、PVは11%、コンバージョンは7%、顧客満足度は16%ダウンすると言われています。「フロントエンドWebサイト高速化」サービスでは表示速度を改善する事で、ユーザーに快適なブラウジングを提供します。（「フロントエンドWebサイト高速化」）
Web Site Expertさまに取材頂きました：グルメサイトの新スタイル FooMooの全貌に迫る
INIの担当業務
- 情報設計（ネットイヤーグループさまとの共同作業）
- Ajax設計・開発
- RIA設計・開発（デザインはネットイヤーグループさまご担当）
- HTML・CSS・JavaScript開発
- フロントエンドWebサイト高速化