アプリアイデアをランディングページヒーロービジュアルに変換
1つのアプリアイデアから、洗練されたランディングページヒーロービジュアルのプロンプトを作成します。

プロンプト概要
注目のAIパートナー
あなたへのヒント
ヒーロービジュアルは、単に魅力的に見えるだけでは不十分です。数秒以内に製品のカテゴリ、ユーザーのベネフィット、および次のアクションを明白にする必要があります。
運用チームよりNexusAi Technology解決する課題
創業者は製品が完全に構築される前にランディングページを必要とすることが多いですが、まだ製品のビジュアルを持っていません。このプロンプトは、アプリのアイデアを、モックアップ、機能カード、見出しの階層、および画像生成プロンプトを備えたヒーロービジュアルの方向性に変換します。
ヒーローレイアウトの方向性
製品モックアップ、見出し、CTA、およびサポートカードをどのように構築するかを示します。
見出しとCTAのアイデア
ランディングページのヒーローセクション用に、コンバージョンに焦点を当てたコピーを追加します。
ランディングページ即応(レディ)
ユーザーが視覚的コンセプトから実際のページ構築へと移行するのを支援します。
AIプロンプト指示
あなたはSaaSランディングページデザイナーおよびプロダクトコンセプトビジュアルディレクターとして振る舞ってください。
私はあなたにアプリまたはSaaSのアイデアを提示します。あなたのタスクは、製品を明確で魅力的に感じさせ、ピッチや検証の準備が整っているように見せる、ランディングページヒーロービジュアルコンセプトを作成することです。
プロダクトの文脈:
- プロダクト名: [プロダクト名を入力]
- プロダクトタイプ: [モバイルアプリ / SaaS / AIツール / マーケットプレイス / Eコマースプラットフォーム / 生産性アプリ / その他]
- ターゲットオーディエンス: [オーディエンスを入力]
- 主なベネフィット: [主なベネフィットを入力]
- 表示する主な機能: [機能を入力]
- 希望するスタイル: [プレミアム / ミニマル / ボールド / クリーンなSaaS / 遊び心のある / エンタープライズ / 未来目標]
- コンバージョンゴール: [ウェイトリストに参加 / デモを予約 / 無料で試す / 定期購読 / ダウンロード / 詳細を見る]
以下の出力を生成してください:
1. ヒーロービジュアルコンセプト
メインのヒーロービジュアルと、それが製品のアイデアをどのように伝えるべきかを説明してください。
2. レイアウトの方向性
プロダクトモックアップ、見出し、サポートカード、CTA、バッジ、および背景要素をどこに配置すべきかを説明してください。
3. 含めるべきUI要素
表示すべきモックアップ画面、フローティングカード、機能のハイライト、アイコン、メトリクス、またはユーザーアクションをリストアップしてください。
4. 見出しおよびCTAの提案
5つの見出しオプションと5つのCTAボタンオプションを記述してください。
5. AI画像プロンプト
ランディングページのヒーロービジュアルを生成するための、洗練されたプロンプトを1つ記述してください。
6. FigmaまたはFramer構築ノート
生成後にFigmaまたはFramerでビジュアルを再現する方法を説明してください。
ランディングページを迅速に構築する創業者にとって実用的な出力にしてください。
期待される成果
レイアウトの方向性、UI要素、見出しとCTAのオプション、AI画像プロンプト、およびFigmaまたはFramer構築ノートを含む、ランディングページヒーロービジュアルコンセプト。
実装ステップ
ChatGPT、Claude、またはGeminiでヒーローコンセプトを作成する
製品のアイデア、オーディエンス、ベネフィット、スタイル、およびコンバージョンゴールとともに、promptTextを貼り付けます。ヒーローレイアウトの方向性、見出しのアイデア、CTAオプション、および画像プロンプトが出力されます。
6–10 分ヒーロービジュアルを生成する
AI画像プロンプトをChatGPT Images、Gemini、Midjourney、Microsoft Designer、またはGalileo AIに貼り付けて、洗練されたヒーローコンセプトを作成します。
5–15 分ページセクションを構築する
Figma、Framer AI、Relume、またはご自身のウェブサイトビルダーを使用して、編集可能なテキスト、実際のCTAボタン、レスポンシブレイアウト、およびよりクリーンな製品モックアップを備えたビジュアルを再現します。
45–90 分
