• Facebook
  • Twitter
  • RSS
月別
コツコツあつめるWeb作りのためのたね たねっぱ!Web系情報ブログ Webのお役立ちネタ配信中!

メインビジュアル20選! スライドや動画になっているパターン♪

投稿者アイコン
2020/11/30
書いた人:
futappa_staff
カテゴリ:
デザイン
3,621 views

メインビジュアルがスライドショーや動画になっているものを集めました。ファーストビューは重要なので、ぜひ参考にしてください。

メインビジュアル20選! スライドや動画になっているパターン♪

今回は、スライドショーや動画になっているメインビジュアルを集めました。なるべく変わったデザインのもので、参考になりそうものを集めています。

目次

動画・スライドになっているパターン

江戸東京きらりプロジェクト

https://edotokyokirari.jp/

江戸東京きらりプロジェクト

右側の写真が、ふわっと(もやもやっと?)切り替わります。雰囲気のある切り替え方だと思います。

あとリノ 育てていく住まい | リノベーションの株式会社リビタ

https://www.rebita.co.jp/atorino/

あとリノ 育てていく住まい | リノベーションの株式会社リビタ

リノベーション会社らしく、家のモチーフを使っています。よくある左右に写真がスライドするのではなく、3枚の写真がいっぺんに切り替わります。

どんぐり|札幌の焼きたてパンの店

https://www.donguri-bake.co.jp/

どんぐり|札幌の焼きたてパンの店

パンみたいなふっくらしたモチーフになっています。吹き出しのコメントが、アクセントに動いていて可愛いです。

【東京イラストレーターズ・ソサエティ(TIS)】Tokyo Illustrators Society

https://www.tis-home.com/

【東京イラストレーターズ・ソサエティ(TIS)】Tokyo Illustrators Society

「TIS」というシルエットの向こうで、いろんな画像が右から左へスライドしていきます。

浦野歯科診療所 | 大阪、堂島の歯医者

kvdesign_img01

浦野歯科診療所 | 大阪、堂島の歯医者

図形が自由に変形していくのが目を引いて、いい感じだと思います。写真はスライドショーになっています。

山形県立産業技術短期大学校 | 山形県立産業技術短期大学校ホームページです。地域の即戦力となる学生を養成します。

http://www.yamagata-cit.ac.jp/

山形県立産業技術短期大学校 | 山形県立産業技術短期大学校ホームページです。地域の即戦力となる学生を養成します。

倉敷芸術科学大学 芸術学部 | Kurashiki University of Science and the Arts – College of The Arts

https://arts.kusa.ac.jp/

倉敷芸術科学大学 芸術学部 | Kurashiki University of Science and the Arts – College of The Arts

たくさんの写真や動画がが切り替わっていく動きも可愛いらしいと思います。

TAGUCHi | ガジラ(GUZZILLA) | 土木解体アタッチメント | タグチ工業

http://www.taguchi.co.jp/

TAGUCHi | ガジラ(GUZZILLA) | 土木解体アタッチメント | タグチ工業

株式会社ベンチマーク|読売新聞京葉地区No.1

https://benchmark-inc.co.jp/

株式会社ベンチマーク|読売新聞京葉地区No.1

滋賀県近江八幡市に根差す歯医者 – クラウド歯科 CLOUD DENTAL CLINIC

kvdesign_img03

滋賀県近江八幡市に根差す歯医者 – クラウド歯科 CLOUD DENTAL CLINIC

歯科らしく、歯のシルエットになっています。

ヒノヨコ.com|名古屋の子育てはじめてのひよこママへ

http://hinoyoko.com/

ヒノヨコ.com|名古屋の子育てはじめてのひよこママへ

共栄製茶株式会社

https://kyoeiseicha.co.jp/

共栄製茶株式会社

春日市白水ヶ丘の内科|ながの内科

https://www.naganonaika.com/

春日市白水ヶ丘の内科|ながの内科

建物のシルエットに合わせた形が印象的で素敵です。

江戸川区 瑞江の内科・循環器内科|つちだクリニック

http://www.tsuchidaclinic.jp/

江戸川区 瑞江の内科・循環器内科|つちだクリニック

Matsue Group 採用サイト

https://matsue-group.co.jp/recruit/

Matsue Group 採用サイト

TAPUKO THE GAMA | タッコにんにくを使用したマヨネーズタイプのドレッシング-タプコザガマ

https://tapuko.jp/

TAPUKO THE GAMA | タッコにんにくを使用したマヨネーズタイプのドレッシング-タプコザガマ

株式会社OS工芸社

https://www.os-art.com/

株式会社OS工芸社

わかば保育園|大阪府羽曳野市にある企業主導型保育園

https://wakabacare-hoikuen.com/

わかば保育園|大阪府羽曳野市にある企業主導型保育園

画像がスライドするときのエフェクトが印象的でした。

株式会社ジェイアール東海高島屋 新卒採用ページ

https://www.jr-takashimaya.co.jp/new_grad/

株式会社ジェイアール東海高島屋 新卒採用ページ

スプレディ株式会社[Spready Inc.]

kvdesign_img06

スプレディ株式会社[Spready Inc.]

流体シェイプがふよふよ変形していて、動画がながれます。

最後に

いかがでしたか。参考になれば幸いです♪


この記事を読んだ人はこんな記事も読んでいます