Web Design

2022.04.01

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

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

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

こんにちは!デザイナーの新谷です。

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

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

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

1. Christou 1910 DAYS

Lama Lama NETHERLANDS

Lama Lama NETHERLANDS

アナトミカルインソールと消臭インソールの新ブランドサイトです。コミック調でカラフルな色使いとコミカルなイラストを用いてポップで印象的なデザイン。横スクロールでコンテンツが切り替わります。

 

2. Gucci Vault – Pick `n` Twist

Monotonomo

Monotonomo

3D幾何学的形状を一致させるGucci Vaultの特設ゲーム形式のサイトです。シンプルでインタラクティブなウェブベースのゲーム構成となっていて、グラフィックやデザイン含めて面白いクリエイティブとなっています。

 

3. Mooosor

Mooosor

Mooosor

地球のゴミ問題を阻止するための5つのシンプルな習慣を啓発するサイト。シンプルな構成と手書きのイラスト風のグラフィック、テキストのレイアウトなどが効果的に配置されていて、とても印象的で面白いデザインです。

 

4. Potion — Video email for top sales professionals

Potion

Potion

快適で表示速度が速い。スクロールに合わせてインタラクティブにコンテンツが切り替わり、サクサク閲覧することができます。テキストや動画イメージなどの配置もとてもみやすいです。

 

5. CIRCUS Shanghai|中国市場専門の広告代理店・販売代理店

CIRCUS Shanghai

CIRCUS Shanghai

上海の中国市場で様々な企業や商品をトータルプロデュースしているサイトです。スクロールすることで背景グラフィックが次々とインタラクティブに反応して切り替わります。レイアウトや構成はシンプルですがカラーの使い方含め統一感があります。

 

6. 高松伸建築設計事務所

高松伸建築設計事務所

高松伸建築設計事務所

建築家高松伸さんが主宰する株式会社高松伸建築設計事務所のウェブサイト。冒頭3Dで表現された建築のグラフィックがストーリーを感じさせ、各コンテンツのグラフィックの見せ方も秀逸です。

 

7. BGでんき(サロン向け電気サービス事業)| 株式会社ビューティガレージ

BGでんき

BGでんき

BGでんきは美容室(ヘアサロン)やエステサロンなど、サロンの電気を支援する電気サービス事業のサイトです。トップビューにある電気のスイッチを押すとサイトが暗転し、電気が消えたように変化します。電気を消すとコンテンツも見れなくなるユーモアあるデザインです。

 

8. Newriver

PhysioAsten & Nnk

PhysioAsten & Nnk

韓国のWeb、UIUXデザイン、モバイルアプリ、ウェブエージェンシーのサイト。紙芝居形式で横にスクロールしてコンテンツが切り替わります。タイトルもループするティッカー処理されていて横で意識的に統一されています。

 

まとめ

全体的をスクロールすることでインタラクティブにコンテンツが切り替わるエフェクトが採用されたサイトデザインが多かったですね。テキストのサイズ、画像配置や背景とのバランス、表示速度のバランスが大切だと思います。コンセプチュアルな「Gucci Vault – Pick `n` Twist」のデザインと、「BGでんき」のスイッチのアイデアは個人的に好きでした。

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

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

 

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

参考にしたいアイデア溢れるおすすめWebサイトデザインまとめ

 

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

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

 

Contact

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