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

2021年8月2日 17:18

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

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

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

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

1.norda

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

2. Joseph Berry Masterclass

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

3. Seventh Movement

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

4. Banila Studio

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

5. Mama Joyce Peppa Sauce

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

6. homunculus Inc.

企画立案からインタラクションやバックエンドの開発まで、デジタルコンテンツ制作全般を手掛けているホムンクルスさんのWebサイト。

インタラクションなアニメーションに特化していて、とにかくグルグリ動きます。イメージやテキストに至るまでマウスオーバーでインタラクションな演出が施されています。

7. Ayako Taniguchi | Composer

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

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

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

コクヨ株式会社が運営する「働く・暮らす」の実験場。新しいコンセプトのワーク&ライフ開放区のWebサイト。

ファーストビューのグラフィックが印象的なのと、色数も少なく、効果を省いた潔いデザインがカッコよい。サイトがサクサク閲覧できるのはやはり快適だと思わされました。

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

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

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

この記事が気に入ったらサポートをしてみませんか？