「デザインのアイデアがなかなか見つからない」
「Webデザインの最新トレンドを知りたい」
「かっこいいデザインの見本サンプルが欲しい」
そんなときに目を通したい、旬のトレンドを取り入れた最新おすすめWebデザイン30選をご紹介。
国内外のウェブギャラリーでも取り上げられている、世界中からセレクトされたホームページやWebサイトばかり。
レイアウトや配色、フォントえらびなど、実用的なアイデアに困ったときに役立ちます。
流行先取り 注目の最新おすすめWebデザインまとめ
ページ全体に広がる波紋エフェクトにはじまり、 和楽器集団による演奏など、一度見たら忘れなそうなサイト。コンテンツに進むにつれ音量がさがり、最後のフッターでふたたび最高潮に。
エレガントなフォント使い、 重なりのある自由なレイアウトなど、どれもサイト制作の参考になりそうな仕掛けがたくさん。
3333台のキリンキャラクターからなる、NTFアート・コレクション。 極太で幅広のサンセリフは、2022年を代表するトレンド書体となりました。
フランスにあるレストランのウェブサイトで、 ホバーで画像を表示されるテキストリンクや、独自性のある読み込みアニメーションなど、愛情を感じるサイト。
ウェブサイト全体に描かれた、カラフルでユニークなイラストを、ドラッグしながら隅々まで回ることができます。建物の中に入ると、音がこもったような、さりげない演出も素敵。
夢のようなスーパーヨットを、ふんだんなアニメーションとイラストで、インタラクティブに紹介するイタリア発のウェブサイト。
「ラベンダー」や「レモンチーズケーキ」など、あまり耳にしない味のアイスクリームを販売しているウェブサイト。レイアウトやフォント選び、配色もおしゃれ。
ブランドらしさをうまく表現しながら、シームレスなショッピング体験を味わうことができます。 スクロールを下までしたくなる、コンテンツの重なり合いも素敵。
手書きの漫画コミックのような風合いを、ウェブサイト上に再現した、NFTアート関連のイラスト素材に合わせたスクロールアニメーションもなめらか。
パナソニックの歴史や新商品について、サイト内をめぐりながら体験できる未来型ウェブサイト。読み込みに時間がかかります。
カーソルの位置を変えるだけで、画像カルーセルを変更できるユニークな仕掛け。何もせずに少し待っていると、画面がステッカーだらけになるギミックも。
最近増えている巨大な見出しテキストを、うまく利用したサンプル例の1つ。水平方向のスクロールなど、スマホでの閲覧も考慮したレイアウトに。
今風のおしゃれなセルフ書体を使った、カリフォルニアを拠点にしたワインのサブスクサービス。
辛い症状に悩むみんなに、アレルギーの情報をわかりやすく伝えるサイト。 親しみやすい配色やキャラクタイラストが、わかりやすくコンテンツを整理するのに、うまく役立っています。
「手軽に健康に」をモットーにした、オランダ発のCBDオイル販売サイト。 ページのスクロールに合わせ、各商品がくるくると回転しながら、視線を自然と誘導します。
ブロックチェーン技術を表す「チェーン」と、日本語の「族」を組みあわせた、新しいNFTアートの形。 立体感のある3Dキャラクターが目を引きます。
ゲームと連動した公式ウェブサイトで、ページ上にちりばめられたデザイン要素は、 特別のランディングページの作成の参考にも。
Baunfire Portfolio Review Summer 2022
すっきりとしたサンセリフと、レトロなピクセル文字の組み合わせがトレンディーなデザイン。美しい配色や、自由なレイアウトも参考になりそう。
エレガントなふいんきのセリフ書体に、余白スペースをたっぷりと撮った、ゆとりのあるレイアウト、意外性のある動きなど、とても参考になりそうなことばかり。
北海道にある動物病院のウェブサイト。ブランドカラーの緑と、水彩絵の具の淡い色合いがうまくマッチしています。
スクロールで地図をずらし、クリックとドラッグ操作で街中を探索できる、超インタラクティブなウェブサイト。
スクロールに合わせ、まるで映像を見ているようなコンテンツの展開が印象的だった、スニーカーの紹介ページ。 商品のエアリーな雰囲気を、見事に表現しています。
ワニのロゴマークで有名なラコステが、お好みのワニを使って、自分だけのポロシャツを作成できる体験型ウェブサイト。
社名に風が入っていることからもわかるように、風を見事にウェブサイト上で表現する、さまざまな仕掛けはさすが。
JAXA | 若田宇宙飛行士 ISS長期滞在ミッション特設サイト
現在、宇宙ステーションに滞在中の若田宇宙飛行士を応援する、特設サイト。 ここでもストーリーを伝えるために、横型水平スクロールが採用されています。
無謀、非常識、気まぐれさをテーマに、さまざまなUIコンポーネントをキャラクターとして紹介したポップなサイト。
超立体的な3D空間を、Web内に演出するインタラクティブなサイト。 ピクセル文字やグリッチなどのトレンドも、随所に取り込まれています。
水平方向にすらすらとコンテンツが展開するインテリア関連のWebサイト。 控えめだけど、落ち着いたおしゃれな配色やフォント選びが好印象。
占星術をつかってわかる、あなたにピッタリの楽曲プレイリストを探すことができる特設サイト。 星座を表すかわいいイラストアニメーションにも注目です。
ページのスクロールに合わせ、コンテンツを理解しやすくするアニメーションが展開。思わずページの下までスクロールしてしまいました
商品をつかう楽しさを見事に伝える公式サイト。 製品仕様等の複雑で細かい内容を、わかりやすくまとめていたのも印象的。
前回のまとめがこちら。
サムネイル@ : Creative South 2023