十勝ベーグル

こんにちは。PRISON BREAK Season3が見たくてしょうがない暇人、お茶目です。今日も頑張っていきましょう。


http://bagels.jp/index.html

サイトについて

北海道帯広にあるベーグル専門店のコーポレートサイトです。
巧みな色使いと、タイポグラフィ、イメージ写真で暖かいテイストながらも、高級感を感じさせるデザインになっています。ただ、ナビゲーション設計に関しては、改善が必要かもしれません。

UIについて

ロゴをアイコンとして使用する
ドーナツを象ったようなロゴが印象的だが、グローバルナビゲーションの各項目でアイコンとして利用されている。他ナビゲーションとの差別化や、ユニークさを必要とする場合は有効な手段かもしれない。
各ページで概要を提示する
当サイトの特徴として、ヘッダーの右下に各ページの概要、つまり“何のページなのか”を提示している。必要あるかどうかは別として、斜め読みをするユーザーに対しては効果があるのではないだろうか。
ヘッダーに配置するナビゲーション
当サイトは、ナビゲーション設計がいまいち分かりにくい。ヘッダーには、サイト全体に付随する「サイトマップ」や「お問い合わせ」が配置されるのが一般的だが、いわゆる“フッターナビゲーション(ページの内容には関係ないが、サイトにとっては欠かせない情報を含むナビゲーション)”に入るべき内容である「プライバシーポリシー」や「運営会社情報」も配置されている。また、そのナビゲーションがグローバルナビゲーションよりも目立っている。ユーザを誘導する役割を担う重要な要素なので、ナビゲーションの設計には慎重に行いたい。

デザインについて

背景画像をうっすら表示
十勝ベーグルとは?の各項目の背景には、ベーグルの画像がうっすらと表示されている。たったこれだけの事でも、サイトのトーン&マナーを保つ重要な役割を果している。実際に、あるとないとでは、印象も大きく異なる。
触りたくなる巧みなボタン
メニューのメニューリストでは、マウスオンするとそれぞれの商品が姿を表すというユニークな作りになっている。非マウスオン時には無機質なグレーで、動作を容易に予想できる点もも素晴らしい。

情報設計について

定期的に“限定”を更新する
当サイトでは、トップページの「今月の限定ベーグル」を毎月更新しているようだ。甘いものに目がない女性客に対して“限定”の商品を提示するのは上手い方法だと思う。ただし、こういったコンテンツを行う場合、必ず更新を続けなければユーザの期待を裏切る事になり兼ねない。

http://bagels.jp/index.html

以上になります。