Webデザインのアイデアがほしいときに、クリエイティブな想像力をかきたてる最新の良質おすすめサイト30選をご紹介。
国内外のウェブギャラリーでも取り上げられている、世界中からセレクトされたホームページやWebサイトは、レイアウトや配色、フォントえらびなどに困ったときにも役立ちますよ。
これからどうなる?おすすめ世界の最新ウェブデザイン30選
90年代風のノスタルジックでレトロなイラストを多用した、ユニークで楽しい雰囲気のウェブサイト。各パーツに動きが加わることで、オリジナリティーのある一度見たら忘れないデザインに。
圧倒的な立体感の3Dアニメーションを制作するデザイナーのポートフォリオ。細部まで作り込まれたアニメーションは、世界的大企業がこぞってコラボレーション中。
母の日に合わせて公開された特設ページには、色とりどりのカラフルな花がページ全体を飛び回る無限スクロール。英語で閲覧できることもあり、世界でもちょっとした話題に。
ロケットを無事に発射させる、超リアルで本格的なオンラインミニゲーム。まるで映画のようなイントロにはじまり、スペースバーを長押しするとロケット発射。宇宙空間の旅へと続き、地球をバックにしたスライダーは圧巻。
Getty Villa Persepolis Reimagined
かつて世界の中心と呼ばれた、今のイランにあたるアケメネス朝ペルシアの都ペルセポリス。歴代王の宮殿跡など、壮大な建築群をウェブ上で巡ることができる新しい試み。マウスを動かすことで視点も変更でき、ガイド付きのツアーに行ったような感覚に。
二足歩行する猿のキャラクターをデザインしたNFTアートギャラリーサイト。スペースバーでキャラクターの切り替えを行いながら、視点も変えることができるメタバース体験。今後はお好みでデザインのカスタマイズもできるようになるそう。
&bnsp;
障害物を避けながら高得点を目指すオンラインゲームで、80年代のアーケードゲームを連想させるノスタルジックな映像に釘付け。
ブランドカラーの水色をテーマに、走り書きしたような筆記体フォントや傾いた日本語テキストなど、エモさも感じる演出に。カクテルレシピの文字が飛び出すホバーエフェクトなども素敵。
パステルからの淡い水彩絵の具のような色合いが印象的だった特設プロモーションサイト。手作り感のある手書きフォントやイラスト、グリッドのない自由なレイアウトなど、どれも素敵な要素がたくさん。
ページのスクロールで水平方向に展開するコンテンツに合わせ、立体感抜群の影や、霧がはれるような画像や文字テキストの表示エフェクトなど、上品でスタイリッシュな雰囲気に。
かわいくてポップな手書きイラストが目を引くランディングページで、まるで雑誌を見ているようなレイアウト、あしらい、素敵な文字デザインなど特長。
「最高のバーミキュラ体験」をテーマに、料理の美味しさや世界観、メイド・イン・ジャパンのものづくりを体験できるブランドの発信拠点だそう。
迫りくるメタバースの世界観を見事に表現した、インタラクティブな体験型サイト。任意の名前を入力し、パーソナライズされたウェブ体験が広がります。
Welcome to Neverland
アムステルダムにあるデザインスタジオの公式サイトで、ページスクロールで扉をくぐるような奥行き感が見事に表現されたヒーローセクション。ピンクを基調とした美しい配色カラーパレット。
実際に歩きながらいま話題のNFTを閲覧、購入までできるインタラクティブなオンラインギャラリー。
座っている時間数や身長、体重などから自分にあったオフィスチェアを探すことができるオンラインサービス。
内戦の絶えないシリアの歴史をストーリー形式で伝えるウェブサイト。英語の他に、さまざまな言語に対応しており(残念ながら日本語はなし)、マウス操作がイラストに反映されるなど、体験して学ぶストーリーテリング手法として。
トップページをクリック長押しすると、中央にあるドアのようなポータル空間へ移動するユニークなヒーローセクション。ゆらゆらと揺れる、奥行きを感じる立体的なデザインに。
印象に残るアニメーションの制作を得意としたデザインスタジオで、これまでの作品を見事に活用し、ページのいたるところに動きを取り入れたデザイン。お気に入りはフッターからちらりと覗くアニメーション。
ウクライナにある動物園の餌代を寄付できるサイトで、筆ブラシでラフに描かれた動物イラストが印象的でした。
表示されるモコモコ文字はクリックすると、サウンド付きで飛んでいくなど、楽しい仕掛けが満載のポートフォリオ。
Dumpling Delivery by Mailchimp
餃子の種類を選んで、ミニゴルフの要領でゲームクリアを目指しオンラインゲーム。秀悦ブランディングでおなじみ、Mailchimpの最新プロモーションページ。
デザイナーのポートフォリオサイトのひとつで、切れ目のないシームレスなページ遷移が魅力的。やや丸みをもたせたカード型シェイプや無限にスクロールできるトップページも素敵。
くるくると回転しながら切り替わるスライダーをつかった、アムステルダム拠点のデザイナーのポートフォリオサイト。
ページスクロールに合わせてモデルの全身が少しずつ表示され、思わずページをスクロールしたくなる心地よいアニメーションは参考に。3Dデザインがうまくアクセントに。
とにかくページをスクロールしてほしいフリーランスのポートフォリオ。ユニークなギミックが数々仕掛けられており、サイトを離れようとするとGIFアニメーションで必死に引き止めようとします。
エレガントで高級感のあるフォントえらびや配色、各コンテンツのレイアウト、ふわりとしたアニメーションなど参考にしたいポイントがたっぷり、おしゃれ。
室内の空気の汚れや二酸化炭素の量などを測定、監視する新しいツール。ページスクロールで画面全体を使った商品の説明ガイドに早変わり。
作品映像をたのしむためのページスクロール以外、余計なデザインを省いたミニマルさが美しいウェブサイト。
文字テキストに重ねるように、超立体的な3Dアニメーションが印象的なオンラインサービス。
ワシントンDCにあるレストランの公式ページで、ブランドイメージを表現したややレトロな配色や、オーガニックな図形シェイプなども目を引くポイント。
前回からおよそ2ヶ月ぶりとなるまとめ、2022年も刺激的なサイトがますます増えていきそうです。