DRAI HP — デザイン方向 デモ3案
同じヒーロー文言・同じセクション構成で、アニメーション方向だけが違うデモを3つ用意しました。実機で操作して選んでください。
DEMO A
Three.js 3D 背景
背景に粒子（パーティクル）とトーラスノットを配置。マウス追従で立体感を出す。
○ 最先端感MAX・差別化最強
○ 重い印象を与えやすい
○ ロード時間長め
開く →
DEMO B
GSAP 派手な遷移演出
起動カーテン・文字スライド・スクロールで横流れマーキー・カード順次出現。映像系の手触り。
○ 物語性・没入感が出る
○ Awwwards 系の現代的トレンド
○ 中堅企業に「攻めてる」印象
開く →
DEMO C
パララックス＋マイクロ
背景レイヤがスクロール/マウスで多層に動く。カードや矢印の細やかな反応で「丁寧さ」を演出。
○ 親しみやすさ・誠実さ
○ 軽く速い・SEOにも有利
○ Stripe/Linear系の上品さ
開く →