WebGallery

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

*

シームレスな移動が癖になる!素敵なサイト3選

   

ページ移動や要素にアニメーションを使用しているサイトって、ジャンルを問わずずっと見ていられる気がします。

今回はシームレスなページ移動をしている設計事務所・リノベーション・家具販売のサイトを紹介します!

佐久間徹設計事務所

とにかく見ていて動きが気持ちいい設計事務所のサイトです!
実績のサムネイルをクリックすると詳細ページがスッスッと出てくるのが癖になります。サムネイルに設定されている写真が大きく表示されるようになっていて、綺麗な写真を大きいサイズで見ることができます。
さらに下には様々な写真も見ることができて、ビルや集合住宅・個人住宅など、どれも見ていて面白い実績ばかりです!

 

UDATSU (株式会社ウダツ)

操作性が気持ちいいリノベーションのサイトです。
ファーストビューのスライダー部分では、写真が移動するたびに「UDATSU」の文字が見えるようになっていてカッコいいです!
他のページに移動するときは、左側の黒いメニューとロゴの間に波線が表示されるようになっています。ちゃんと動いてることが分かるようになっています。

 

有限会社吉原木工所

組木を用いた家具や建具を販売しているサイトです。
こちらは施工事例のページがシームレスになっていて、次の施工事例に移動する時に背景に設定されている写真や記事の情報がそのまま次のページに遷移するようになっています。

 

以上!シームレスな移動が素敵なサイト3選でした!

 - 色で表現 , ,

  関連記事

パンやスイーツの種類を見やすくカテゴリで分ける

北海道の釧路市にあるパン屋さん「Pan de pan」のホームページです。 お店 …

会場ごとに色を分けて、情報を見やすく分類したライブハウスがシンプルだけどカッコいい!

渋谷・名古屋・梅田・広島にスタジオをかまえる「CLUB QUATTRO(クラブク …

東京にある不動産会社のサイトが可愛くておしゃれ!

東京都立川市にある不動産会社「Yutaka Home +(ユタカホームプラス)」 …

ヘッダー・コンテンツ・フッターで背景を分けメリハリを付けたデザインに

千葉県野田市にある美容室「mimpi」のホームページです。 ヘッダー・コンテンツ …

赤と白のおめでたい配色が綺麗!なお米の販売サイト

「新潟米 新之助(しんのすけ)」のホームページです。 赤と白の背景がとても綺麗な …

アーティストのロゴマークをメニューボタンにした、オリジナリティあふれる感じ

1994年に結成された男性ヒップホップグループ「RIP SLYME」のニューアル …

こんな素敵な宿に泊まってみたい!美しいヒーローヘッダーを使ったホテル・旅館のサイト3選

約1ヶ月ぶりの更新となってしまいました… 何だかんだで、あっという間に10月に入 …

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

タグで切り替えて表示することで2ページ分の情報を1ページに収める

北海道河東郡音更町にある十勝川温泉の魅力を紹介する「潤い十勝川」のホームページで …