WebGallery

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

*

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

   

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

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

佐久間徹設計事務所

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

 

UDATSU (株式会社ウダツ)

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

 

有限会社吉原木工所

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

 

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

 - 色で表現 , ,

  関連記事

緑を使ってデザインされた「ポラスアフターメンテナンス」のサイトが可愛い!

「ポラスのアフターメンテナンス」のホームページです。 ファーストビューのスライダ …

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Ann …

スライダーとメニューが歯の形になっている特徴的なデザイン

石川県金沢市にある歯科医院「ハッピー歯科医院」のホームページです。 トップのスラ …

重要な情報は配色を逆にして目立たせているレストラン

大阪市にあるフレンチレストラン「convivialite」のホームページです。 …

黒い色を使ったデザインがカッコいい!化粧品ブランドのサイト5選!

未だにこういった化粧品のメーカーって、どこを選んだらいいか迷ってしまいます… 結 …

キャッチコピーで見る人の心を掴む!KOSEの「feliscent」

KOSEの取り扱い商品「feliscent(フェリセント)」のホームページです。 …

たくさんの家が集合したような病院の外観をモチーフにした「ゆい動物病院」

和歌山県和歌山市にある動物病院「ゆい動物病院」のホームページです。 たくさんの家 …

タイトルと本文のフォントを使い分けることで、強調したい部分をはっきりさせる

東京都にある「国立大学法人 電気通信大学」のホームページです。 清涼感のあるキャ …

うっとりする写真が盛りだくさんの「休暇村」

休暇村協会が運営している「休暇村」のホームページです。 背景に和紙のようなテクス …

作品の色味をサイトでも表現

  大阪にある陶芸作家のサイトです。作品の色味をサイトのカラーリングで …