WebGallery

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

*

ずっと見てられる!「シネマグラフ」を使ったwebサイト3選!

   

 

参照元 http://www.embrulha.com/arte-em-gifs/

シネマグラフとは、画像の一部分が動いているgifアニメーションのことです。
コーヒーカップの湯気だけとか、窓に滴る雨だけとか…ずっと見続けていられるアニメーションですね!

今回は、シネマグラフを使ったwebサイトを3件ご紹介します!

 株式会社 電通クリエーティブX

こちらはファーストビューにシネマグラフを使用しています。
6人の色んなポーズを取った人たちが、くるくると回転している印象的なサイトです。
このサイト、朝・昼・夜の時間帯を選べるだけでなく人物のポーズも変わるんです!色んなパターンで撮影されたシネマグラフで、何回見ても飽きさせないよう工夫されていますね!

 

 ARTIDA OUD(アルティーダ ウード)

こちらはEC専売のジュエリーブランドのサイトです。
商品を際立たせるために、ジュエリーの部分のみ動くシネマグラフを使っています。ネックレスがキラキラ光ったりピアスが左右に揺れたりして、さりげないアクセントになっていて遊び心のあるサイトになっています。

 

ザ・ドックデイズ

こちらはヒーローヘッダーの背景にシネマグラフを使用しています。
パッと見ただけでは気づかないのですが、ふとした時に背景が動いていることに気づきます。壮大な山々と桟橋の先に犬が座っているという綺麗な写真だけでも印象的ですが、湖の水面が動いているシネマグラフにすることで、他のサイトとは一味違うファーストビューになっています。

 

以上、シネマグラフを使ったwebサイト3選でした!

 - 色で表現

  関連記事

GWに行きたい!関東で開催しているフラワーイベント3選

もうすぐゴールデンウィークが始まりますね! 今年はどこに行こうとか、そろそろ予定 …

大阪にある不動産のサイトがパステルカラーを使ったデザインで可愛い!

大阪府枚方市にある不動産会社「お部屋探しの専門店 ミチコ・ハウジング」のホームペ …

観光スポットの動画を最初に配置することで、イメージが伝わりやすい

AB-ROADが運営する「思い立ったら、旅日」の特設サイトです。現地の見どころや …

3つのパートで構成されたオープンシティ戦略

「#オープンシティ釜石」のホームページです。 大きく3つのコンテンツに分かれてお …

石巻市で働く人々の笑顔や美しい自然がステキな水産加工品メーカー

宮城県石巻市と遠田郡美里町にある、水産加工品の製造・販売を行っている「株式会社 …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

スマートフォンからでも情報が伝わりやすい

  コガノイベイホテルの公式サイトです。全体的に情報量が多いのですが、 …

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …

タグで切り替えて表示することで2ページ分の情報を1ページに収める

北海道河東郡音更町にある十勝川温泉の魅力を紹介する「潤い十勝川」のホームページで …

タイプ別診断を掲載したクリエイタースクールのサイトが可愛くておしゃれ!

「COPEN COLLEGE(コペンカレッジ)」のホームページです。 ファースト …