Warning: Invalid argument supplied for foreach() in /home/sites/heteml/users/d/a/g/daglish/web/cliplop/wp-content/plugins/head-cleaner/head-cleaner.php on line 2895

Warning: Invalid argument supplied for foreach() in /home/sites/heteml/users/d/a/g/daglish/web/cliplop/wp-content/plugins/head-cleaner/head-cleaner.php on line 2895

Warning: Invalid argument supplied for foreach() in /home/sites/heteml/users/d/a/g/daglish/web/cliplop/wp-content/plugins/head-cleaner/head-cleaner.php on line 2895

Warning: Invalid argument supplied for foreach() in /home/sites/heteml/users/d/a/g/daglish/web/cliplop/wp-content/plugins/head-cleaner/head-cleaner.php on line 2895

Warning: Cannot modify header information - headers already sent by (output started at /home/sites/heteml/users/d/a/g/daglish/web/cliplop/wp-content/plugins/head-cleaner/head-cleaner.php:2895) in /home/sites/heteml/users/d/a/g/daglish/web/cliplop/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 62
食幹 Shokkan | cliplop(クリップラップ)
 

食幹 Shokkan

カテゴリ:レストラン・カフェ・バー   日付:2011年12月21日

渋谷にある日本料理店「食幹(Shokkan)」さんのサイトです。

1ページで制作された縦スクロールのサイトで、右上と左下のメニューをクリックすると、ページがスクロールしてコンテンツが表示されます。その動きがとても軽快で、見ていて気持ち良いので、ついついメニューをクリックしてしまいます。

サイトデザインは見てもらってわかるとおり、余分なものがありません。真っ白で、写真とテキストで構成されたサイトデザインになっていますが、スクロールすると、メニュー部分が透明化されているのがわかります。メニューの下にコンテンツが入り込んじゃいます。面白いですね。

アクセス地図は、こんな↑感じです。おしゃれな地図デザインです。

メニューはこんな↑感じで紹介されています。

とにかくこのサイトで紹介したいのが縦スクロールのサイト構成を生かしたサイトデザインですね。メニューの下にコンテンツが入り込んでしまうのも、とても面白い工夫だと思います。もしかすると、入り込んだときにメニューの文字が読みにくくなるので、半透明の背景をつけたりするとユーザビリティが向上するかもしれませんね。

面白くて、とても興味深いサイトですね。

この記事のソーシャルブックマーク

この記事のトラックバック

この記事にコメントを残す