🎯 LANDING通常LPより高単価を狙える⏱ 実働 4時間
動く“3D級”ランディング(自作デモ)
オーロラ背景・3D回転・マウス追従チルト・スクロール演出。AIで作る“動くLP”の出来上がり。
実物を見る ↗// HOW IT WAS BUILT
- 01Claude Designで構成・ワイヤーを作成
- 02Spline / CSS 3D で立体表現を用意
- 03Claude Code / Cursor で Next.js+Tailwind に実装
- 04GSAP/Framer・マウス追従チルト・スクロールリビールで動きを付与
- 05Vercelで公開して納品
// TOOLS USED
// 作り方を完全版で
このクオリティを“作って納品”できるようになる
受注テンプレ・制作プロンプト集・納品チェック・月額保守まで、再現手順を実践パッケージにまとめています。
// 関連記事