🎯 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

// この作例について

この作例の作り方は全文を無料公開しています(上記)。さらに受注テンプレ・制作プロンプト集・納品チェックまでまとめた完全版は下記の実践パッケージへ。

// 作り方を完全版で

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

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

← 作例ギャラリーに戻る