WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

寒色系の色を使い、清涼感を出す

  (((さらうんど)))というポップスバンドの公式ホームページです。 …

落ち着いたデザインで、写真の色を際立たせる

福岡県福岡市にあるケーキショップ「Jacques」のホームページです。 なんと今 …

スマートフォンから閲覧しても縦書きのまま表示されるグローバルナビ

青森県にある「八戸酒類株式会社」のホームページです。 昭和19年に創立された歴史 …

群馬県にある眼科のサイトが、様々なレイアウトでデザインされててカッコいい!

群馬県高崎市にある眼科「だるま眼科」のホームページです。 トップページのレイアウ …

「こんな美容室に行ってみたい!」と思う美容室サイトがシンプルでおしゃれ!

東京都世田谷区にある美容室「Rodina」のホームページです。 トップページのス …

写真をたくさん使って会場の様子を伝えているイベントサイト

東京都千代田区にある東京国際フォーラムで開催される舞曲の祭典「ラ・フォル・ジュル …

ヘッダーに固定された屋根と黒い背景で奥行きを出す

群馬県前橋市にある料理店「登利平」のホームページです。 ヘッダー上部にある屋根が …

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

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

トップに大きく表示されるムービーで旅館の雰囲気を伝え、いちおしの情報をバナー画像でスライド表示させる

鳥取県米子市にある温泉旅館「海色・湯の宿 松月」のホームページです。 トップに大 …

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

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