これからどうなる?おすすめ世界の最新ウェブデザイン30選


 

Webデザインのアイデアがほしいときに、クリエイティブな想像力をかきたてる最新の良質おすすめサイト30選をご紹介。

 

国内外のウェブギャラリーでも取り上げられている、世界中からセレクトされたホームページやWebサイトは、レイアウトや配色、フォントえらびなどに困ったときにも役立ちますよ。

 

 

これからどうなる?おすすめ世界の最新ウェブデザイン30選

Welcome to Marmoset

90年代風のノスタルジックでレトロなイラストを多用した、ユニークで楽しい雰囲気のウェブサイト。各パーツに動きが加わることで、オリジナリティーのある一度見たら忘れないデザインに。

welcome-to Marmosetのホームページ

 

 

Peter Tarka

圧倒的な立体感の3Dアニメーションを制作するデザイナーのポートフォリオ。細部まで作り込まれたアニメーションは、世界的大企業がこぞってコラボレーション中。

peter-petra

 

 

 

すべてのお母さんに、ありがとう

母の日に合わせて公開された特設ページには、色とりどりのカラフルな花がページ全体を飛び回る無限スクロール。英語で閲覧できることもあり、世界でもちょっとした話題に。

pola

 

 

 

Leap for Mankind

ロケットを無事に発射させる、超リアルで本格的なオンラインミニゲーム。まるで映画のようなイントロにはじまり、スペースバーを長押しするとロケット発射。宇宙空間の旅へと続き、地球をバックにしたスライダーは圧巻。

Lift_Off___The_Leap_For_Mankind

 

 

 

Getty Villa Persepolis Reimagined

かつて世界の中心と呼ばれた、今のイランにあたるアケメネス朝ペルシアの都ペルセポリス。歴代王の宮殿跡など、壮大な建築群をウェブ上で巡ることができる新しい試み。マウスを動かすことで視点も変更でき、ガイド付きのツアーに行ったような感覚に。

getty-villa-persepolis-reimagined

 

 

 

HAPE

二足歩行する猿のキャラクターをデザインしたNFTアートギャラリーサイト。スペースバーでキャラクターの切り替えを行いながら、視点も変えることができるメタバース体験。今後はお好みでデザインのカスタマイズもできるようになるそう。

HAPE_PRIME

 

 

&bnsp;

We are Influence

障害物を避けながら高得点を目指すオンラインゲームで、80年代のアーケードゲームを連想させるノスタルジックな映像に釘付け。

We_Are_Influence___Welcome_to_Influence_City

 

 

 

ボンベイ・サファイア

ブランドカラーの水色をテーマに、走り書きしたような筆記体フォントや傾いた日本語テキストなど、エモさも感じる演出に。カクテルレシピの文字が飛び出すホバーエフェクトなども素敵。

bombay-sapphireの公式ホームページ

 

 

 

一升餅

パステルからの淡い水彩絵の具のような色合いが印象的だった特設プロモーションサイト。手作り感のある手書きフォントやイラスト、グリッドのない自由なレイアウトなど、どれも素敵な要素がたくさん。

isshoumochi

 

 

 

八 Butter Press Sand

ページのスクロールで水平方向に展開するコンテンツに合わせ、立体感抜群の影や、霧がはれるような画像や文字テキストの表示エフェクトなど、上品でスタイリッシュな雰囲気に。

hachi-press-butter-sand

 

 

 

サントリー ほろよい

かわいくてポップな手書きイラストが目を引くランディングページで、まるで雑誌を見ているようなレイアウト、あしらい、素敵な文字デザインなど特長。

 

 

 

Vermicular Village

「最高のバーミキュラ体験」をテーマに、料理の美味しさや世界観、メイド・イン・ジャパンのものづくりを体験できるブランドの発信拠点だそう。

vermicular-village

 

 

 

The Empathy Experiment

迫りくるメタバースの世界観を見事に表現した、インタラクティブな体験型サイト。任意の名前を入力し、パーソナライズされたウェブ体験が広がります。

the-empathy-experiment

 

 

 

Welcome to Neverland

アムステルダムにあるデザインスタジオの公式サイトで、ページスクロールで扉をくぐるような奥行き感が見事に表現されたヒーローセクション。ピンクを基調とした美しい配色カラーパレット。

neverland-amsterdam

 

 

 

Iconic Mints

実際に歩きながらいま話題のNFTを閲覧、購入までできるインタラクティブなオンラインギャラリー。

iconic-mints

 

 

 

Vitra Chair Finder

座っている時間数や身長、体重などから自分にあったオフィスチェアを探すことができるオンラインサービス。

vitra-chair-finder

 

 

Zendetta – A Story from Syria

内戦の絶えないシリアの歴史をストーリー形式で伝えるウェブサイト。英語の他に、さまざまな言語に対応しており(残念ながら日本語はなし)、マウス操作がイラストに反映されるなど、体験して学ぶストーリーテリング手法として。

zendetta-a-story-from-syria

 

 

 

Haven Studios

トップページをクリック長押しすると、中央にあるドアのようなポータル空間へ移動するユニークなヒーローセクション。ゆらゆらと揺れる、奥行きを感じる立体的なデザインに。

 

 

 

Panic Studio

印象に残るアニメーションの制作を得意としたデザインスタジオで、これまでの作品を見事に活用し、ページのいたるところに動きを取り入れたデザイン。お気に入りはフッターからちらりと覗くアニメーション。

panic

 

 

 

the-other-side-of-truth

 

 

 

Feed the Zoo

ウクライナにある動物園の餌代を寄付できるサイトで、筆ブラシでラフに描かれた動物イラストが印象的でした。

FEED_THE Zooの寄付募集ページ

 

 

 

Santa Teresa

表示されるモコモコ文字はクリックすると、サウンド付きで飛んでいくなど、楽しい仕掛けが満載のポートフォリオ。

santa-teresaのホームページ

 

 

Dumpling Delivery by Mailchimp

餃子の種類を選んで、ミニゴルフの要領でゲームクリアを目指しオンラインゲーム。秀悦ブランディングでおなじみ、Mailchimpの最新プロモーションページ。

dumpling-delivery-by-mailchimp

 

 

 

Kirschberg

デザイナーのポートフォリオサイトのひとつで、切れ目のないシームレスなページ遷移が魅力的。やや丸みをもたせたカード型シェイプや無限にスクロールできるトップページも素敵。

kirschberg

 

 

 

Andy Davies

くるくると回転しながら切り替わるスライダーをつかった、アムステルダム拠点のデザイナーのポートフォリオサイト。

Andy_Davies___Portfolio

 

 

Exo Ape

ページスクロールに合わせてモデルの全身が少しずつ表示され、思わずページをスクロールしたくなる心地よいアニメーションは参考に。3Dデザインがうまくアクセントに。

exo-ape

 

 

 

Daniel Spatzek

とにかくページをスクロールしてほしいフリーランスのポートフォリオ。ユニークなギミックが数々仕掛けられており、サイトを離れようとするとGIFアニメーションで必死に引き止めようとします。

Daniel Spatzekホームページ

 

 

 

Le 7ème Continent

エレガントで高級感のあるフォントえらびや配色、各コンテンツのレイアウト、ふわりとしたアニメーションなど参考にしたいポイントがたっぷり、おしゃれ。

Le_7ème_Continent__restaurant_étoilé_Michelin_en_Alsace

 

 

 

Canairi

室内の空気の汚れや二酸化炭素の量などを測定、監視する新しいツール。ページスクロールで画面全体を使った商品の説明ガイドに早変わり。

canairiのホームページ

 

 

 

601 Inc

作品映像をたのしむためのページスクロール以外、余計なデザインを省いたミニマルさが美しいウェブサイト。

601_Incのホームページ

 

 

 

Uplinq

文字テキストに重ねるように、超立体的な3Dアニメーションが印象的なオンラインサービス。

Uplinq_-_Home

 

 

 

Honeymoon Chicken

ワシントンDCにあるレストランの公式ページで、ブランドイメージを表現したややレトロな配色や、オーガニックな図形シェイプなども目を引くポイント。

Honeymoon_Chicken_in_Washington__DC

 

 

前回からおよそ2ヶ月ぶりとなるまとめ、2022年も刺激的なサイトがますます増えていきそうです。

Webデザイナーが参考にしたい、世界の最新ウェブデザイン34個まとめ