Web Design

2021.07.30

参考にしたいアイデア溢れるおすすめWebサイトデザインまとめ8選:2021年7月

  • 参考にしたいアイデア溢れるおすすめWebサイトデザインまとめ8選:2021年7月

効果的なデザイン選定とインスピレーション

こんにちは!デザイナーのしんたにです。

毎月、気になったり、参考にしたい「シンプルかつ切り口の面白いWebサイト」を紹介しています。
優れたデザインのサイトを参考にして、インスピレーションを得ることで、効果的なデザインを選定しWebデザイン制作に役立ててみてくださいね。

それでは見ていきましょう!
 

印象に残る海外Webサイトデザイン

1. norda

norda

norda

カナダのトレイルランニングのプロダクトなどを提供しているnordaさんのWebサイト。
シンプルイズベストなレイアウトとデザイン。少ない情報で画像とテキストのバランスが素晴らしいです。難しいことはしていないですが、バランスと見せ方が綺麗で良いなぁと思います。

 

2. Joseph Berry Masterclass

Joseph Berry Masterclass

Joseph Berry Masterclass

多くのインタラクティブなアニメーションなどテクニックを紹介、学ぶためのWebサイトです。
配色のバランス、マウスオーバーした時のインタラクションなオブジェクトの動きが小気味良い。テキストやイメージ、背景とのバランスが秀逸です。アニメーションも面白い。

 

3. Seventh Movement

Seventh Movement

Seventh Movement

アメリカのエミー賞を受賞した作品などを伝える制作会社のサイトです。
ギャラリー形式のレイアウトで、マウスに合わせて画面が自由にスクロールします。作品選択後も、イメージをメインにシンプルでストーリーが伝わりやすいデザイン。

 

4. Banila Studio

Banila Studio

Banila Studio

バスク地方のゲッチョに拠点を置く、クリエイティブなデジタルデザインスタジオのWebサイトです。
横スクロールで基本画面遷移もない構成です。配色も2色でシンプルかつ速度も速く、ストレスの少ない快適なデザイン。スマホ時は縦スクロールに切り替わります。

 

5. Mama Joyce Peppa Sauce

Mama Joyce Peppa Sauce

Mama Joyce Peppa Sauce

アメリカの有名なペッパーソースの紹介サイトです。

シンプルかつストレートに広告と販売のみにフォーカスされた構成が気持ち良いです。スクロールでペッパーソースと背景のテキストがグリグリ動く面白いデザイン。あとは「Buy Now」で買うことができますよ。

 

印象に残る国内Webサイトデザイン

6. homunculus Inc.

homunculus Inc.

homunculus Inc.

企画立案からインタラクションやバックエンドの開発まで、デジタルコンテンツ制作全般を手掛けているホムンクルスさんのWebサイト。
インタラクションなアニメーションに特化していて、とにかくグルグリ動きます。イメージやテキストに至るまでマウスオーバーでインタラクションな演出が施されています。

 

7. Ayako Taniguchi | Composer

Ayako Taniguchi

Ayako Taniguchi

主に映像や広告用に作曲を手がけるAyako TaniguchiさんのWebサイト。

音楽を再生、またはマウスに合わせて、背景のグラフィックがインタラクションにアニメーションします。シンプルですが、心地よく見入ってしまいます。

 

8. THE CAMPUS|ようこそ、みんなのワーク&ライフ開放区へ

THE CAMPUS

THE CAMPUS

コクヨ株式会社が運営する「働く・暮らす」の実験場。新しいコンセプトのワーク&ライフ開放区のWebサイト。
ファーストビューのグラフィックが印象的なのと、色数も少なく、効果を省いた潔いデザインがカッコよい。サイトがサクサク閲覧できるのはやはり快適だと思わされました。

 

まとめ

今回はシンプルでインタラクションにオブジェクトが反応するサイトなどが多かったように思います。スクロールすることでちょっとしたアクションやエフェクトが起こり、コンテンツ訴求に繋がるようなデザインも多かったですね。

アニメーションやエフェクトを多用することで逆に見せたいものを見てもらえなかったり、離脱する原因にもなりかねないのでバランスがとても大切だなと思います。紹介したWebデザインで何かインスピレーションに響くものはあったでしょうか?

以上、しんたにでした!
ではまた来月、お勧めのWebサイトデザインを紹介したいと思います!

 

あなたにはこの関連記事もおすすめです

参考にしたいアイデア溢れるおすすめWebサイトデザインまとめ8選:2021年5月

 

弊社では「シンプルで美しいサイト」制作をスピーディーに承ります

美しく効果的なサイトをお客様の目的にあったプランでわかりやすくご提案いたします。

 

Contact

Webサイトデザインを承ります!お気軽にお問い合わせください。