優れたデザインや見せ方で話題となっている、国内外の最新Webデザインをまとめてご紹介。
10年以上Webデザイン観測を行っている筆者が、「これはやられた！」とワクワクさせられたサイトや、2024年のデザイントレンドを採用している最新デザインを中心にピックアップしています。
「アイデアが枯渇してて、、」そんなときのインスピレーションのお供にいかがでしょう。
アイデアを刺激する、みんなの最新Webデザインまとめ
Collecting Stamps on Yoshida Trail, Mt. Fuji
山梨県側の富士山の北側から山頂を目指す「吉田ルート」からの登頂の記録を、インタラクティブに残したアートプロジェクト。
沖縄の宮古島にあるホテルの公式サイトで、訪れてみたくなる美しい風景画像をふんだんに利用しています。コンテンツの切り替えにユニークなシェイプを利用しているのもポイント。
RAYMOND WEIL x BASQUIAT
| an Iconic Special Edition
20世紀を代表するアーティストの一人、「ジャン・ミチェル・バスキア」とのコラボレーションで生まれた時計のランディングページ。ページ全体にザラッとしたグランジ感のある質感をプラスしています。
Sea Moss and Bladderwrack by Organimo
コスメティック商品のランディングページで、スクロールに合わせて海底空間へと潜りながら商品の詳しい説明を知ることができる、ストーリーテリング手法を全面に利用した訴求力のあるサイト。
100 Years of Columbia Pictures | Sony Pictures
100年の歴史を振り返る特設サイトで、順番に質問に答えていくとおすすめ映画をAIが提案してくれます。
マウスで360度お好きな向きに変えながら、車体カラーなどの変更や、虫メガネを使って車の構造を覗くことができる車好きのためのサイト。環境に応じてパフォーマンスを変更できるのも◎。
Jouez au Giga Game et gagnez de fabuleux cadeaux
超高速でループ空間を走行するロボットを左右に操作しながら、ポイントを集めながら加速していき、最高スピードを狙うミニゲーム。
ソーダ缶のタブを開くとまるで炭酸飲料がこぼれたようなエフェクトが素敵。マウスの動きに合わせてグラフィックが変化したり、果物がポンポン出現するなど面白い仕掛けが満載。
Stanley X Lainey Wilson Country Gold – Stanley 1913
アメリカで社会現象になるほどの人気となっているタンブラーの限定品を紹介するプロモーション用ランディングページ。キラキラと光るスパークルや黄金など、高級感のあるつくりに。
Kahlúa Coffee Liqueur: Home – Kahlúa
100% アラビカ種コーヒー豆で作られたカルーア コーヒーリキュールの公式ページは、ブランドカラーで統一されたポップなデザイン。
熊本県阿蘇にある製材所の公式ホームページ。スクロールに応じて画像が拡大アップされるなど、思わずページ下までスクロールしたくなるギミックが豊富なデザイン。
10 out of 10 – Creative Film & Photography
フィルム映像制作会社らしく高品質で目を見張るモーション映像が次々に切り替わります。制作実績を提示できるだけでなく、ブランドイメージにも統一感が生まれます。
Cambium Farms | Caledon’s Wedding & Events Venue
ヒーローセクションには美しい写真スライダーを採用することで、施設の雰囲気を最大限伝えます。統一感のある手描きイラストも美しく、ブランドイメージとうまくマッチ。
53 West 53 | Iconic Manhattan Condominiums With a View
ニューヨークのマンハッタンにある82階建ての超高級マンションのランディングページ。各部屋のルームツアーや施設紹介など、どこをとっても高級感にあふれるデザイン。
Emma is social | Digital Marketing Agency
スクロールに応じて水平方向へのページ展開を行い、コンテンツ繊維にはユニークなトランジションを追加。何度もスクロールしたくなる仕組みに。
Photographer – Axel Vanhessche
フランスのパリで活動を続けるポートレイト写真家の公式サイト。グリッドを無視した自由なレイアウトに、これまでの作品をずらりと並べた様子は圧巻。
アドビだからストック素材サービスも ここまでクリエイティブ。
Adobe Stockは、アドビがクリエイターのためにつくったストックサービスです。写真やイラストなど高品質な素材が約3億点。無料素材も100万点。
検索、プレビュー、ライセンスの取得をPhotoshopから直接できるので効率の良さが抜群。
たくさんのAdobe Creative Cloudユーザーに選ばれているのには理由があります。
最初のひと月は素材が10点まで無料なので、気軽に始めてみませんか。
アイデアを刺激する、みんなの最新Webデザイン36選【2024年3月版】はPhotoshopVIPで公開された投稿です。