
グルメ・クーポン情報 FooMoo byホットペッパー(HotPepper)
http://www.hotpepper.jp/
株式会社リクルートが運営するグルメサイト「ホットペッパー.jp」を「掲載件数の増加」「豊富な掲載件数をより活用した検索導線・店舗情報の改善」「メンテナンス性の向上」をコンセプトにフルリニューアル。UCDのみならず、営業担当者を含めたステークホルダーに対応させた設計・開発を実施しました。
会員登録を行うと「グルメ手帳」という会員専用画面にお店をブックマークできるのですが、「とりあえずキープ」は会員登録せずにその場でサイドバーにお店を追加できます。Ajaxによって画面遷移なく簡単に追加・削除でき、比較も出来ます。


とにかく写真が映えるように設計・実装。なるべく写真を大きくできるレイアウトにし、お店の雰囲気を直感的に伝えるような画面デザインに。実装ではFlashを使ったフォトギャラリー、あらゆる写真をThickBoxで拡大表示などユーザー利便性に加えて、商品としての価値を高める工夫をしています。

デザインを重視しつつも、HTTPリクエスト数、CSS、JavaScriptのチューニングを施しています。膨大なアクセスがあるサイトなので小さな変更も全体では大きな影響があります。
表示スピードが1秒遅くなると、PVは11%、コンバージョンは7%、顧客満足度は16%ダウンすると言われています。「Webサイト高速化」サービスでは表示速度を改善する事で、ユーザーに快適なブラウジングを提供します(「Webサイト高速化」サービスの詳細)
JavaScriptをONにしてご覧ください。FLASHプレイヤーが8以下の場合はこちらからダウンロードしてください。