WebGallery

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

*

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

   

「京都 宇治 伊藤久右衛門」のホームページです。

ファーストビューのスライダーがとても印象的なサイトです。
切り替わるアニメーションが独特で、思わず見入ってしまいます!涼しげのある写真や黒い背景の重厚感のある写真を使ったりしています。

トップページの各要素には、背景に写真を使っています。
ただの写真ではなく、画像の一部分だけ動く「シネマグラフ」を使って、より際立つサイトになっています!
湯気だけだったり、店舗の暖簾だけなびいていたり目を引くよう上手く写真を動かしています。

写真だけではなく、ボタンや文章もふわっと表示されるアニメーションを使用しています。
さらに、サブページのタイトル部分もシネマグラフを使用しています!
色んなページにシネマグラフを使用していますが、ページの読み込みにも時間はかからず、ストレスなく見ることが出来る素敵なサイトです!

 - ブランドサイト, 写真で表現, 動きで表現

  関連記事

写真の雰囲気を大切にした、カフェのような写真館

兵庫県姫路市にある写真館「ism(イズム)」のホームページです。 茶系統でまとめ …

コンテンツごとに様々な動きをつけたデザイン

新潟県南魚沼市にある道の駅「南魚沼」のホームページです。 大きく表示される道の駅 …

特殊なアニメーションを使って展示された作品を紹介している美術展のサイトが、ユニークな動きで面白い!

2018年の4月14日(土)から7月8日(日)まで、東京都美術館で開催されている …

豊富なメニューを横と縦の2つに分けて、すっきりとしたレイアウトにしたホテル

大分県別府市にあるホテル「城島高原ホテル」のホームページです。 ファーストビュー …

スパイダーマン:ホームカミングの特設サイトがカッコいい!

2017年の8月11日に公開されたマーベルスタジオの新作映画「スパイダーマン:ホ …

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

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

動画や写真を使って、日本らしさを表現した不動産会社のサイトがキレイ!

東京都中央区日本橋にある不動産会社「株式会社ウォームライト」のホームページです。 …

美容室のサイトだと忘れてしまいそうなデザイン

大分県にある美容室「Mirror Mirror」のホームページです。 トップには …

サイト全体を白黒の配色にすることで、住宅の木のぬくもりが感じられるリフォーム会社

栃木県宇都宮市にあるリフォーム会社「有限会社 矢野住建」のホームページです。 フ …

綺麗にレスポンシブされて、且つ分かりやすい

  福岡県福智町のふるさと納税特設サイトです。福智町のロゴの下に水引が …