Marketing Blogマーケティングブログ

  1. HOME
  2. マーケティングブログ
  3. Webサイト集
  4. 【目に留まる!分かりやすい!グローバルナビゲーション集】

【目に留まる!分かりやすい!グローバルナビゲーション集】

こんにちわ!
キューブ制作部の片山です。

ブログを担当する曜日が土曜日から火曜日に変わりましたが、
これからも素敵なデザインを紹介していきたいと思いますので
よろしくお願いします!

さて、今回は、今までとはちょっと視点を変えて、
お客様にいかに各ページを見てもらえるかということに重視しました。

そこで一番大切なグローバルナビゲーションを紹介したいと思います。

 

● ぷるぷるSPARKLINGゼリー

purupuru
http://www.hakutsuru.co.jp/purupuru/

お酒のゼリーの商品紹介サイトです。

まず、グローバルナビゲーションは円になっており、
それぞれが商品の色と連動しカラフルで楽しさがあります。

それだけではなく、円の部分に、マウスをおくと、
ぷるぷるとしたゼリーのような動きが加わり商品の特徴が伝わるようですね。

また縦長サイトなため、下にスクロールをすると、
テキストや写真等の見せたい部分があまり隠れないように、
グローバルナビゲーションが上にぴたりとくっつきコンパクトなデザインに変わります。

各メニューごとに色分けもされており、各部分箇所でテキストの下部に線が表示されます。
そうすることで今どこをみているかが一目でわかる工夫がされています。

1ページのデザインだからこそこのような一工夫でとても見やすいですよね。

 

 

● シャントレル

restaurant
http://www.chanterelle.jp/about/index.html

レストランのサイトです。

このサイトはグローバルナビゲーションにイラストが使用されています。

ひと筆書きのロゴと連動し、各グローバルナビゲーションごとにあわせたイラストは、
オーヴェルニュ(風光明媚な牧草地帯が広がるフランス中南部)の自然を着想した
レストランの外観と色調がシンプルな店内の雰囲気が
伝わってくるようにもなっていると感じられます。

視覚的にもわかりやすいイラストで、おしゃれなサイトですよね。

 

● ADACHI DENTAL CLINIC

adachi

http://www.adachidc.jp/

歯科クリニックのサイトです。

ロゴマークに使用されている歯のカタチが
歯の並びのような少し丸みをつけた配置でナビゲーションに使用されています。

そこに触れるとアイコンが表示されると同時に、押したくなるような浮き出てくる動きがあります。

各ページに移動すると、
トップページにデザインされていた並びに連動するような
左右に揺れる仕組みのコンパクトな表現は、
下の詳細が読みやすくなっているように感じられます。

歯科のサイトですが、このような、イラストや動きで、優しい雰囲気が伝わり、
大人から子供まで親しんでもらいやすいデザインにも感じますよね。

各ページを見てもらうために、とても重要なナビゲーションは、
ちょっとした動きや視覚的にわかりやすいイラストなどで表現されていると
思わず押したくなってしまうのではないでしょうか?
以上、「目に留まる!分かりやすい!ナビゲーション集」でした。

次回もお楽しみに!

Share On