https://shibuya.parco.jp/page/foods/chaos_kitchen/
◎視点
現在架空の団地商業施設サイトを作成しており、お店一覧の見せ方に苦戦している。
ぱっと見て、どのようなお店があるかを察知でき、尚且つ興味のわくデザインにするにはどうするかに着目してレビュー。

◎概要
渋谷PARCOにある地下1階の飲食街。飲食だけではなく、音楽・カルチャーを楽しめるというコンセプトとなっている。
様々なジャンルのお店があるので「カオス」と名付けてある。

◎ターゲット
20代
渋谷という土地柄、個性的ファッションを好む人々が多く、カルチャーも楽しみたい人々を取り込む。
そのため、ロゴはピンクと青という、奇抜な色を敢えて使用。

◎配色
紺色がベース。補色の濃いピンクが独特さを出している。
飲食エリアではあまり使われない配色だが、フロアのコンセプトや渋谷さ、PARCOさを出している。

◎FV
販売商品をテーブルに乗せ、一覧でどんな商品があるかを察知できる。
よくみると、虫やカツラのようなものもあり、カオスさを醸し出している。
赤のフィルターがかかっており、ロゴが大きく中央に配置されている。
スクロールするとパララックスで背景が動いていく。

◎ABOUT
中央寄せの文字配列。PC版では区切りのいいところで改行しているが、SP版では改行がなく詰まった文字配列。
文字の大きさのメリハリがついていて見やすい。

◎お店一覧
丸型の画像が羅列されている。画像は、飲食店であればお店の商品を載せる。(外観よりも商品の方が魅力的!)
その他はロゴを配置。一見何のみせかわかりづらいが、説明にお店ジャンルが書かれているので把握できる。
お店の名前 / 店舗ジャンル / 営業時間  の順で記載されており、一気に情報を把握することができる。

柿と種とサイトレビュー| Webサイト100選 No.086 CHAOS KITCHEN

パララックスで動画が表示。さらにお店の雰囲気がわかる効果が。モバイルでも問題なく表示

一番最後には、7階の飲食街や他のフロアのカフェの紹介を設置し、さらにユーザーが渋谷PARCOの情報を引き続き見れるような工夫がなされている。

柿と種とサイトレビュー| Webサイト100選 No.086 CHAOS KITCHEN

キャプチャではうまく背景が反映されず・・・

コメントを残す