🎯 LANDING“動くLP”は通常より高単価を狙える実働 4時間

ベントー型プロダクトLP:スポットライト追従+3Dチルト(自作デモ)

カーソル追従スポットライト・ベントーグリッド・カウントアップ・3Dチルト・マーキー。海外で人気の“motionsites型”アニメLPをコードだけで再現。

実物を見る ↗

// HOW IT WAS BUILT

  1. 01ChatGPTで配色・フォント・セクション構成(デザイントークン)を確定
  2. 02v0 / Google AI Studio でヒーローとベントーの叩き台を生成
  3. 03Claude Code で Next.js+CSS に実装(依存ゼロ・インラインCSS)
  4. 04カーソルスポットライト/3Dチルト/カウントアップ/マーキーをコードで付与
  5. 05prefers-reduced-motion・モバイルフォールバック対応 → Vercelで公開

// TOOLS USED

// この作例について

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

// 作り方を完全版で

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

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

← 作例ギャラリーに戻る