WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

グローバルナビよりも目立った言語切り替えボタン

熊本県にある有限会社「球磨川ABC」のホームページです。左側に固定された言語選択 …

綺麗になれそうな美容外科

東京都豊島区にある美容・形成外科「エルテ大塚クリニック」のホームページです。 フ …

背景に迫力のある写真を使った動物園のサイトが面白い!

大阪府大阪市にある動物園「天王寺動物園」のホームページです。 ファーストビューの …

今後の参考に!スタイリッシュなアニメーション効果を使ったサイトをご紹介!

コーディングをしているときに「どんなアニメーションをつけようか」と考えるのが1つ …

水色を使って清潔感・清楚感を出したコンタクトレンズの企業サイト4選

普段仕事しているときはコンタクトをつけているのですが、瞬きをするのをついつい忘れ …

想像するだけでワクワクが止まらない「ハンズの夏準備」

「ハンズの夏準備」という東急ハンズの特設サイトです。 サイトのトップには、キャッ …

背景を白の透明度を変えたグラデーションにすることで、爽やかな印象に

東京都港区にあるカフェ「Thrush Cafe」のホームページです。 トップペー …

自動車整備工場の縦スクロールのスライダーがインパクトあってカッコいい!

千葉県市原市にある、車検や車の修理・カスタマイズ等を行っている自動車整備工場「株 …

ついついボタンを押したくなる「伊勢丹新宿店 食品フロアのツボ」

伊勢丹新宿店の食品フロアガイド「伊勢丹新宿店 食品フロアのツボ」のホームページで …

左右から出てくる商品写真でインパクトを強くする

広島県広島市と三原市にある「瀬戸内・広島 柑橘屋」のホームページです。 文字の書 …