WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

コンテンツ毎にスクロールボタンを配置し、移動しやすく

   

名称未設定 1

高知県にある「サイバラ建設株式会社」のホームページです。

まず、中央に配置されたスクロールボタンはコンテンツ部分に移動してくれます。ボタンが出現する時に右からスライドされるのが癖になります。縦長な構成だと面倒なスクロールも、こうしてボタンが配置されているととても便利ですね。スクロールされる時だけオリジナルのスクロールバーが表示されるのも、こだわりを感じます。

施工例を掲載している部分では、画像にマウスオーバーさせると、建物の名前が表示されるようになっています。ジャンルごとに閲覧することも出来るので、施工例が増えてもレイアウトが変わることなく更新できるので、参考になります。動きも滑らかなので、ついついボタンを押してしまいますね。

 - 動きで表現

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

海の中にいるような幻想的なデザイン

大阪府吹田市にある水族館・動物園・美術館が融合した新感覚ミュージアム「ニフレル」 …

写真を使って島の魅力を伝える

2016年4月に「星野リゾート リゾナーレ西表島」からリオープンする「ホテル ニ …

遠近感のあるサイト

  動物病院のサイト。可愛いイラストを使って構成されており、親しみやす …

映像の切り替わるモーションが面白い!「TAO TAJIMA」さんのwebサイト

TANGRAM co. ltd.に所属する映像ディレクター「TAO TAJIMA …

大人の京都を演出したデザインで和風と高級感を出す

京都府にある太秦映画村で行われているイベント「江戸酒場」のホームページです。 シ …

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …