
Emarat Realty
GSAP主体の不動産サイト。横スクロールの物件ギャラリーとフロアプランのセクションに3Dを差し込む構成。
- クレジット
- Red Dash Media
- 使用技術
- Next.jsGSAPVercel3Dマイクロインタラクション
Emarat Realty は住宅を手掛ける不動産デベロッパーで、サイトはブランドの姿勢に合わせてシネマティックで高級感のあるトーンで作られています。物件紹介、プロジェクト一覧、フロアプラン、ブログまでを備えた実務的なコーポレートサイトです。制作は Red Dash Media。コミュニティ平均は 7.55/10。
Awwwards の技術タグは Next.js、Vercel、GSAP で、3D はカテゴリタグとしてのみ付いています。評価対象として挙がっているのは横スクロールの画像ギャラリー、ホバーのマイクロインタラクション、背景固定のスクロールテキスト、フロアプランセクションなど、GSAP のスクロール演出を中心とした要素です。
【参考になるポイント】
・技術タグに Three.js も WebGL も無く、3Dは演出の一要素という位置づけ。3Dカテゴリの中では軽い側の実装例
・フロアプランのセクションが評価要素に挙げられており、不動産サイトで3Dが効く定番の置き場所が確認できる
・ホスティングは Vercel、フレームワークは Next.js とタグに明記されている
・※3Dがリアルタイムレンダリングなのか静止画・動画なのかは、本調査の環境から実サイトを取得できず未確認
・※サムネイルは Awwwards の投稿画像を使用
