2019年10月:デザインの参考にしたいWebサイト16選2019年10月:デザインの参考にしたいWebサイト16選https://edesigninteractive.com/2019年10月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。Embracedその他の参考になるWebサイトeDesignhttps://edesigninteractive.com/イラストや写真、スクロール時のアニメーションや配色など、1つ1つがとても完成度が高く、非常に魅力的なWebサイトに仕上げられています。ファンシーなテイストなのかと思いきや、ポップさやスタイリッシュさ、エレガントさも持ち合わせていて、素晴らしいと思いました。Recruitmenthttps://recruitment.bizreach.design/背景色のショッキングイエローや、黒字のくっきりとしたタイポグラフィ、動画などが組み合わさることによって躍動感溢れるデザインが魅力的なページです。採用サイトは、いかに応募者に魅力的な会社であるのかを伝えることが大切ですが、その目的は間違いなく達成できていると思います。Agencyhttps://www.nardagency.com/背景に散らばった幾何学図形や、ボタン、スクロール時のアニメーションなどがポップかつユニークで、全体的に楽しげな印象のデザインになっています。カラフルな配色でありながらも、それぞれの同じトーンの色が使われているため、統一感が生まれています。Hirshlandhttps://www.greghirshland.com/PCとスマホで大きくレイアウトを変えることなくレスポンシブデザインを実現している点が特徴的なサイトです。最近ではスマホ向けのデザインをPCサイズに拡張したようなサイトも多く見かけるようになりましたね。Dayhttps://www.playeveryday.club/LEGOのスマホ向けページです。ブラウザなのに、アプリを開いているかのようなアニメーションの滑らかさが素晴らしいです。ローディングがほとんどなく、流れるようなユーザー体験を提供している点は非常に参考になります。Olinshttps://www.wolffolins.com/海外のクリエイティブカンパニーのコーポレートサイトです。テキストと写真・動画で構成されているデザインですが、魅力的なアニメーションと動画によって魅力的な世界観が作られています。テキストで多くを語ることなく、写真や動画で魅力を伝えるというのは海外のクリエイティブ系によく見られるデザインの1つですね。Finlandhttps://hiqfinland.fi/en/こちらはWebサイトの中に動画がうまく溶け込んだデザインが魅力的なサイトです。動画の背景色をWebサイトの背景色と揃えることによって、枠の中から動画が飛び出しているような演出が上手です。EUGENIUShttps://www.eugenius.com/3Dアニメーションによって、ゲームをプレイしているかのような世界観が作られているWebサイトです。今後は3DCGや3Dアニメーションをより手軽に使えるようになってくると見られているので、こういったデザインが増えてくるかもしれません。Caylenthttps://caylent.com/グラデーションを使用したアイソメトリックイラストが魅力的なWebサイトです。プロダクトやサービスの説明ページにアイソメトリックイラストを使用することによって、サービス自体のイメージを視覚的に伝えることができたり、よりサービスを魅力的に感じてもらうような効果がありそうですね。アイソメトリックのイラストを使った魅力的な雰囲気のWebデザインアイソメトリックのイラストとは、斜め上からの視点で描かれたイラストのことを指します。trendsWickrethttps://wickret.cuberto.com/イラスト、動画、アニメーションを使ってとてもポップで楽しい雰囲気のデザインが施されているWebサイトです。スクロールに合わせて要素が左右に揺れるアニメーションが特徴的ですね。世界観がしっかりと作り込まれていて、参考にすべき点がたくさん詰まっています。Editionhttps://rededition.com/en/こちらのサイトでは、美しい写真を大きく表示して、背景色に緑やオレンジの落ち着いた色を添えることによって洗練されたイメージが生み出されています。スクロール時のパララックスや、画面遷移時のアニメーションがデザインの魅力をさらに引き立てています。Oilshttps://heliasoils.com/トップページの背景にデザインされた流体シェイプがとても特徴的なWebサイトです。スライダーの1つ1つにそれぞれの異なる色が使われていて、カラフルで可愛らしいポップなデザインに仕上げられています。流体シェイプを使ったWebデザインの魅力と参考になるサイト波面のような滑らかな曲線をデザインに取り入れた流体シェイプは、最近多くのWebデザインで見られるようになってきました。trends株式会社I-nehttps://i-ne.co.jp/アイエヌイーというシャンプーなどを取り扱う企業のコーポレートサイトです。白を基調として、美しい写真をメインに据えたデザインが魅力的ですね。コーポレートイメージや、ブランドイメージがしっかりとWebサイトのデザインに落とし込まれている点が素晴らしいと思います。株式会社ヒカリナhttps://hikarina.co.jp/こちらも白を基調としたデザインのWebサイトですが、要素の背景色がアクセントとして加わり、彩り鮮やかなデザインに仕上げられています。余白を大きく取ることによって少し上品な印象も加えられていますね。Worldhttps://starface.world/ショッキングイエローとピンクの組み合わせが特徴的で、オリジナリティ溢れるデザインのWebサイトです。今風のデザインかと思いきや、スクロールしていくとドット絵や一昔前のWebを感じさせるようなデザインが登場し、レトロモダンな楽しいデザインが魅力的ですね。Embracedhttps://www.designembraced.com/スクロールすると、水面が揺れるかのようにゆらゆらとしたアニメーションが加えられているユニークなWebサイトです。ブロークングリッドレイアウトのように、画面内に自由に要素を配置したようなデザインにすることによって、開放感が生まれクリエイティビティを感じるようなWebサイトに仕上げられています。Layout)を取り入れたデザインのWebサイトが増えてきました。trendsその他の参考になるWebサイト今回ご紹介したような、デザインの参考になるおすすめのWebサイトをギャラリー形式でまとめています。コンテンツは随時更新しているので、ぜひチェックしてみてください。Trends(ウェブデザイントレンド)は、Webに関わる全ての人のためのメディアです。ウェブサイトの制作やデザインに役立つ情報、最新トレンド、チェックすべきサービスなどを配信しています。