WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

ファーストビューにイベントやフェアのバナーを設置して最新情報がすぐ分かる!沖縄のホテルのサイト

カトープレジャーグループが運営する沖縄県沖縄市にあるリゾートホテル「オキナワ グ …

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

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

壮大なスケールを感じさせるデザイン

  見た瞬間発狂しました。「ICO」や「ワンダと巨像」の制作を手掛けた …

イラストとモデル写真の組み合わせで独特の世界観を演出する

「Eva」というアーティストさんのアパレルブランド「harapeco商店」のホー …

文字間や行間をあけて見た目をすっきりさせることで、文章を読みやすくする

愛知県名古屋市にある「名古屋外国語大学」の受験生サイトです。 写真を多様に使い、 …

浴衣の色合いや金魚を使って清涼感を出した「鈴乃屋ゆかたコレクション2018」のサイトが綺麗!

鈴乃屋ゆかたコレクション2018「2018 YUKATA COLLECTION」 …

動きのあるグローバルナビでサイトの雰囲気を暖かくする

秋田市にある写真館「岩田写真館」のホームページです。このサイトは何といってもグロ …

札幌にある建設会社のサイトが、雑誌のようなレイアウトでおしゃれ!

札幌市にある建設会社「竹内建設」のホームページです。 左側にスライダー、右側にイ …

写真を使ってコンテンツを際立たせた旅館サイト

北海道の阿寒湖温泉街にある温泉宿「あかん鶴雅別荘 鄙の座」のホームページです。 …

写真を用いて地元の魅力を最大限に出す

新潟県長岡市の「川口」を観光地として川口観光協会が紹介している「えちご川口」のホ …