下側にあるグローバルナビゲーション 鳩サブレー

https://www.hato.co.jp/

神奈川県にあるお菓子メーカーです。

マネしたいポイント

ロゴでもある大きな鳩マークをアイキャッチに使い、ブランドカラーである黄色をメインで使った明るいデザインのサイトです。レイアウト面では、グローバルナビゲーションを下側に配置しているのが特徴的です。(このサイトはそうでないですが)モバイルでも指の位置に合わせて下側に操作系のボタンを持っているアプリやサイトなどもあります。

応用できそうな場面

ナビゲーションはデザイン要素としては文字量が多くなり重たくなりがちです。構成として下側にもってくると見た目のバランスは取りやすいでしょう。また、モバイルのレスポンシブ対応とも連携がとれます。特にWebアプリのような操作の多いサイトではこのレイアウトは強力かもしれません。

懸念点

モバイルでもデスクトップでもメニューは上部にあるものという認識も依然として強いのでユーザーが見つけづらい・使いにくい可能性もあります。

  • Twitter Share
  • Facebook Share
  • Line Share