動きのあるWEBサイト制作会社

こんにちは。WEBデザイナーの石高です。
最近はコーディングを担当することも多く、どんなアニメーションがいいのか悩む今日この頃・・・

WEBサイトを制作する上で大きな要素となってくる「動き」は、サイトを閲覧している人に対して

• 飽きさせない
• 強調したいところを効果的に伝えることができる
• スクロールを促す

といった効果をもたらすことができます。

そこで今回は、思わずどんどんスクロールしてしまいたくなる！
【動きのあるWEBサイトおすすめ5選】を私視点でご紹介させていただきたいと思います！

→【関連記事①】動く！ホームページ制作でアニメーションや動画を実装する
→【関連記事②】動画を使ったホームページのデザインならfigmaがおすすめ！

おすすめの動きのあるWEBサイト

株式会社クリーチャーズ公式サイト

引用元：https://www.creatures.co.jp

カードゲームやデジタルゲームの開発などを手がけている会社様のWEBサイトです。
ポケモンカードが出てきてめくっていくような動きは、見てる人をわくわくさせるMVですね。
スクロールしていくと背景に並んだ動くギャラリーや、ふわっと中から浮き出てくるエフェクトは
奥行き感がありゲームの世界の中にいるような気分になるサイトです。

株式会社movel公式サイト

引用元：https://www.movel.jp/

こちらはSNS支援やショートドラマ、 企画プロデュース事業をしている会社様のWEBサイトです。
MVはスマホの中の部屋からイラストが飛び出すエフェクトがポップでおしゃれですね！
下にスクロールしていくと、イラストから会話の吹き出しがでてきたり、
見出しの大事なワードに〇のマーカーがついたり、イラストの世界観にあわせた動きを取り入れてるのが楽しいです。

フォーシーズ株式会社（4C’s）採用情報サイト

引用元：https://www.4cs-recruit.jp

こちらは保証会社のリクルートサイトです。
エフェクトと動画を使った、MVは臨場感がありますね！
少しスクロールすると、文章を読み上げてるような動きは
何気ないテキストまでこだわりを感じられます。

株式会社Hubble 新卒採用サイト

引用元：https://newgrads.hubble-docs.com

MV下の『正解のない世界で、自ら道を拓け。』のメッセージにあわせて、
道が続いていくような動きを取り入れてますね。
“先輩を知る”のセクションでは、スタッフ紹介のカードが重なっていくような仕様で
見やすくてシンプルながらも、さりげなく遊び心があるのがいいですね！

まとめ

いかがでしたでしたか？今回紹介させていただきましたWEBサイトはどれも、思わずスクロールしてしまう
見せることがメインの楽しいサイトばかりでした。
WEBサイトに訪れた人に対してどのような印象を与えるのか、飽きずに見てもらえるのか、
デザインを活かす動きは何なのか、を考えて実装することがとても大切だと思いました。

リースエンタープライズでは、このようなエフェクトを取り入れたビジュアルの実装が可能です。
とにかくWEBサイト動かしてくれ！という要望もご提案します！
まずはお気軽に、リースエンタープライズまでお問い合わせください。

→【無料】ホームページ・コンテンツ制作を相談する
→リースエンタープライズ制作実績ページ