NEWS
Web Craft Notes
Language

海外WEBサイトデザインに学ぶ!洗練されたアニメーションとUXトレンド(2025/6)

イギリスとオーストラリアに拠点を持つデジタルエージェンシー、Mallard & Claret(マラード&クラレット)の公式サイトのデザインを見てみる。

Mallard & Claret - Digital Experience Agency
We create impactful digital products and experiences for ambitious brands. Bold creativity meets cutting-edge technology to craft experiences people love.

 

デザインのポイント

 

ミニマルで洗練されたUI

サイト全体がシンプルでありながら、洗練されたユーザーインターフェースを持っていてとても見やすい。

大胆なタイポグラフィと配色

太めのフォントと、#E54847(赤)と#EFE2DB(ベージュ)の2色を基調とした配色が、ブランドの個性を引き立てている。

レスポンシブデザイン

デスクトップでもモバイルでも、どのデバイスでも快適に閲覧できるように工夫されている。

フルスクリーン背景

ブランドの世界観を瞬時に伝えている
プロジェクトごとに目的、成果などをテキストで紹介している。

アニメーションとインタラクション

WebGLThree.jsなどを活用した3Dアニメーション
ユーザーの操作に応じて変化するインタラクション(マウスオーバー時に表示されるナビゲーションメッセージ、ページスクロール時に発生するアニメーション等)
リンクをクリック時に発生するトランジションアニメーション

まとめ

Mallard & Claretさんのサイトは、最新の技術とデザインを取り入れながら、ユーザー体験を最優先に考えた構成になっている。特に、アニメーションやインタラクティブな要素が、訪問者の興味を引きつけて離さない魅力がある。

これからのWEBデザインを考える上でとっても参考になるサイトでした。

 

 

ContactWEB制作のお見積り・お問合せ

お見積りやご不明な点、ご質問等などお気軽にお尋ねください。

[多忙につき予約待ち]
お急ぎでなければお問合せくださいませ

タイトルとURLをコピーしました
CONTACTWeb制作依頼/見積相談
お気軽にお問合せください