Webデザインに携わるすべての人へ!アイデアの参考になる世界の最新Webサイト37選

Health-By-Habit

 

この記事では、世界中で公開されたばかりの最新ウェブデザインをまとめて紹介します。

 

もの凄いスピードで絶えず変化し続ける、Webデザインの見せ方やトレンドを意識したサイトを中心に集めています。

 

デザインの実例を見ることで、新しいアイデアの参考にしてみてはいかがでしょう。また、2021年公開のベストWebサイトも一緒に確認してみましょう。

 

【総まとめ】2021年話題になった世界のベストWebデザイン厳選50個

 

 

Webデザインに携わるすべての人へ!アイデアの参考になる世界の最新Webサイト37選

 

The Weirdos

「変わり者」といった意味をもっとサイト名らしく、ユニークでオリジナル性の高いイラスト・デザインと鮮やかな黄色の配色が目を引くデザイン。太い仕切り線も2022年のトレンド。

Weirdos_-_It_s_definitely_not_a_cult

 

 

 

Notorious Nooch

レトロでファンキーなキャラクターや配色など、2022年注目デザインスタイルのひとつ。ヴィーガン向けの商品をつかったレシピなども公開しており、どれもユニークなGIFキャラクターが素敵です。

Notorious-Nooch-Co

 

 

 

Nike Play Lab

Nikeが世界中のキッズ向けに公開している体験ページで、まさに動画とホームページが連動した作りは、今後ますます増えてくる予感。90年代のポップレトロなデザインも素敵。

Nike_PLAYlab__Nike_

 

 

 

Made to be Found

アーティストがどのように世界中のファンを獲得するかをまとめたSpotiy謹製ガイド。マウススクロールで次々と出現する、コンテンツの魅せ方にも注目です。

made-to-be-found

 

 

 

La puce à l’oreille

世界的な人気となっている、90年代のノスタルジックなレトロデザインを採用したサイト。

la-puce-a-loreille

 

 

 

Expo 2020 Dubai UAE

ドバイで来月まで行われている万博の公式サイトで、各パビリオンを紹介したインタラクティブな仕掛けや、ダークモード対応など面白い仕掛けが目白押し。配色はもちろん、シンプルな図形シェイプや太字フォントなど、レトロデザインの参考に。

dubai-expo-202

 

 

 

SNOWS

スクロールに応じたアニメーションを用いることで、ブランド感にマッチした世界観を演出したクリエイティブなデザイン。

snows

 

 

 

Innovation Base Soie

山梨県にある人とつながり、自然とつながるコミュニティオフィス。サイト全体に散りばめられた手描きのイラストがかわいく、独自性のあるデザインに仕上げています。

Innovation_base_Soie_イノベーションベースソワ_|_山梨のシェアオフィス・コワーキングスペース

 

 

 

東映

マウスで上下左右へと自由に移動できるコンテンツ展開が面白い、採用リクルートページ。

action-toei

 

 

 

Shhh

水平方向のコンテンツ展開にはじまり、縦書きテキストを軸とした余白スペースをたっぷり使った見やすいデザインが特長。なめらかなアニメーションもサイトとうまくマッチしています。

shhh

 

 

 

リノ部屋

じぶんだけのお気に入りのお部屋をつくる、リノベーション専門サービス。施工事例や実際に住んでいる方々の暮らしの様子を垣間見ることも。

rinobeya-from-real-cube

 

 

 

やまきた保育園

子供が喜びそうな、かわいいイラストをつかった、熊本県にある保育園の公式ウェブサイト。

yamakita-hoikuen

 

 

 

Poklonnva 9

ホテル、アパート、ペントハウスに分かれた、ロシアはモスクワにある高級商業ビルの紹介ページ。日本ではなかなか見かけない、広すぎるアパートの間取りにも注目です。

poklonnya-9

 

 

 

Flowers for Society

ものがあふれる世界で、注文を受けてから生産を行う新しいかたちのスニーカー販売サイト。リサイクル素材をできるだけ利用した、環境にもやさしいサスティナブルな商品づくりが話題に。現在は完売中。

flowers-for-society

 

 

 

Expedium

ヒーローイメージでは、スクロールに合わせてスクリューがくるくると動き出す、体験型ウェブサイト。右上に表示されたQRコードを読み込めば、ARによる視聴も可能に。

expedium-monkapps

 

 

 

Magical Reflections

最近増えているオンラインでの体験型ミュージアムですが、絵画の中に飛び込むことができるという、斜め上をいくサイトコンセプトに脱帽。

Magical-Reflections

 

 

 

Chirpley

かわいい鳥のような3Dキャラクターデザインを全開で利用したサイトで、フォロワー数の少ないSNSユーザー向けのマーケティングツール。

Chirpley_-_A_different_approach_to_marketing

 

 

 

Aston

ページを縦半分に分割したSplitデザインが特長で、スクロールで左右のレイアウトがカルーセル状に切り替わります。高級感たっぷりなセリフ書体をサイト全体に利用しています。

Home___Aston_Currency_Management

 

 

 

Alts Digital

ネオン色のアクセントカラーに、絶えずかたちを変えるブロブ・シェイプなど、崩しセリフ書体など2022年のトレンドにぴったりな参考サイト。

alts-digital

 

 

 

The Original Museum

フランスの多国籍自動車メーカー、「ルノー」の歴代の車を展示したオンラインミュージアム。

The-Originals-Museum

 

 

 

BBDO

マウススクロールに応じて水平方向へのコンテンツ展開が特長で、ポップな配色や太字の書体選びなども参考になりそうな、トレンドを盛り込んだデザイン。

bbdo

 

 

 

Beijing Central Axis

モバイル端末での閲覧に特化した新しいサイトのかたち。中国で人気のWeChatに対応しています。

beijing-central-axis

 

 

 

Bien Fonde

紺色と黄色の組み合わせがおしゃれなフランスのサイトで、カラフルなイラストやセリフ書体の使い方など参考にしたいポイント多数。

bien-fonde

 

 

 

Defund Tigray Genocide

エチオピアで起きている人道危機に警笛を鳴らすウェブサイトで、エチオピアの現状を伝え、世界がすぐに行動を起こそうと喚起しています。

defund-tigray-genocide

 

 

 

Dormeuil

さなざまなスーツの着こなしを、洗練されたおしゃれな雰囲気で見せる、オンライン型ルックブック。

Dormeuil

 

 

 

Elespacio

目を引くホバーエフェクトや自由なレイアウト、フォント選びや配色なども参考にしたい企業向けサイト。

elespacio

 

 

 

Executive

左右に画像をふったレイアウトや、余白スペースをたっぷり利用したレイアウト、なめらかなアニメーションなど、シンプルでミニマルなデザインが特長。

executive

 

 

 

Gazelle No.1

自転車大国オランダで開発された新型の電動自転車のプロモーションページ。どんどんスクロールしたくなる、アニメーションによるコンテンツ展開は見もの。

gazelle-no1

 

 

 

Everybody Robots

毎日の生活をより快適にするお助けロボットを開発する会社の公式ページ。目にも優しい配色と書体えらびにも注目です。

heverybody-robots

 

 

 

nuka

水に濡れても破れず、ペンとノートがドッキング、ノートに書いたものはアプリで同期できるなど、「あなたが必要とする最後のノート」をコンセプトにした未来ガジェット。

nuka

 

 

 

Virtual Showroom

画面が乱れるようなグリッチエフェクトに始まり、Enterボタンを押すと、仮想空間のショールームを自由に歩き回ることができる、未来すぎるサイト。

Plus-X-Virtual-Showroom

 

 

 

Warm & Fuzzy

カリフォルニアにある映像コンテンツ制作代理店の公式ページ。太字のサンセリフ書体や、マウスカーソルを合わせるとサムネイルが表示されるホバーエフェクトなど、真似したくなる秀悦UIデザイン。

Warm___Fuzzy___Home

 

 

 

TALA

カラダにもやさしいドライフルーツを販売している会社のプロモーションページ。パイナップルやドラゴンフルーツ、バナナ、マンゴーなどトロピカルなセレクション。

tala

 

 

 

Portal

世界的な盛り上がりをみせるNFTマーケット向けウェブサイトで、まるでSF映画のような未来を感じるデザインが特長。

The_Nifty_Portal

 

 

 

Updata One

カラフルなグラデーションのBlobデザインが、マウスの動きと連動してサイト全体を自由に動き回る仕掛けが、ページを訪れた人の視線を釘付けにし、目的のコンテンツまでうまく誘導してくれます。

Updata_One___We_Make_Sense_of_Information

 

 

 

Vesti Il Futuro

神経衰弱ゲームなどいくつかのミッションをクリアして進む体験型サイト。手描きしたようなアニメーションエフェクトやかわいいイラストなど、細部まで手の込んだデザイン。

vesti-il-futuro

 

サムネイル@ : Health by Habit