Open Design sample 01

一文の依頼を、公開前提のLPに変える。

商品の背景、見せたい価値、CTAの優先順位を同じキャンバス上で固めるサンプルです。最初の案を雑に終わらせず、実装できる構造まで持っていきます。

価値提案CTA設計レスポンシブ

landing.sample.html sharp / calm / product-led

新しいAIデザインワークフローのLPを、ヒーロー、工程、CTAまで含めて作る。 Generate

Prompt to LP

プロンプトからLPへ

このサンプルで見ること

Input: 新しいAIデザインワークフローのLPを、ヒーロー、工程、CTAまで含めて作る。
Design Focus: 商品の背景、見せたい価値、CTAの優先順位を同じキャンバス上で固めるサンプルです。最初の案を雑に終わらせず、実装できる構造まで持っていきます。
Handoff: Hero, workflow, CTA, responsive checks

誰に何を伝えるかを短い依頼文から抽出

ファーストビューと次セクションの関係を固定

HTMLとして確認できる形に保存