WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

夕日をイメージさせるメニューバーが綺麗な観光ホテル

福井県坂井市にあるホテル「東尋坊温泉 三国観光ホテル」のホームページです。 ファ …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

様々なところに写真を使って幼稚園の雰囲気を伝えているサイト

栃木県栃木市にある幼稚園「ふじおか幼稚園」のホームページです。 1枚1枚個性的な …

モデルハウスのパンフレットを見ているような気持ちになる箱根のリゾートホテルのサイトがオシャレでカッコいい!

神奈川県足柄下郡箱根町にあるリゾートホテル「NEST INN HAKONE(ネス …

背景を道に見立てたデザインの地図アプリのサイトがおしゃれ!

株式会社Strolyが制作した地図アプリ「Stroly」のホームページです。 フ …

背景に写真をたくさん使用して、ログハウスの雰囲気を伝えているカフェ&スクール

東京都荒川区西日暮里にあるスイス風ログハウスのカフェ&スクール「CHAL …

文字の太さで強調する部分をはっきりさせる

  千葉県の海浜幕張公園で行われる花火フェスタのホームページです。背景 …

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …

豊富な情報量をすっきりまとめた給食委託会社のサイトがオシャレで参考になる!

東京都千代田区大手町に本社をかまえる給食委託会社「株式会社LEOC」のホームペー …