🎯 LANDING通常LPより高単価を狙える実働 4時間

動く“3D級”ランディング(自作デモ)

オーロラ背景・3D回転・マウス追従チルト・スクロール演出。AIで作る“動くLP”の出来上がり。

実物を見る ↗

// HOW IT WAS BUILT

  1. 01Claude Designで構成・ワイヤーを作成
  2. 02Spline / CSS 3D で立体表現を用意
  3. 03Claude Code / Cursor で Next.js+Tailwind に実装
  4. 04GSAP/Framer・マウス追従チルト・スクロールリビールで動きを付与
  5. 05Vercelで公開して納品

// TOOLS USED

// 作り方を完全版で

このクオリティを“作って納品”できるようになる

受注テンプレ・制作プロンプト集・納品チェック・月額保守まで、再現手順を実践パッケージにまとめています。

📄

// 関連記事

【作り方+出来上がり】海外風の“動く3D級”サイトをAIで作る(Spline/R3F/GSAP × Claude Code)

← 作例ギャラリーに戻る