AIプロンプト詳細
実際のビジネス課題をより速く解決するために設計された、すぐに使える実践的なAIプロンプト。明確なステップ、実証済みのフレームワーク、即実行可能なアクションを含みます。
製品 & チェックアウトページ用EC UI コンセプト・ジェネレーター (Midjourney対応プロンプトパック)
単純なストアのアイデアを、Midjourney で即座に実行できる洗練されたリアルな商品 & 決済ページ UI プロンプトに変換します。

解決する課題
デザイナーや創業者は、初期段階で EC サイトのレイアウトを可視化するのに苦労します。汎用的な AI プロンプトでは、階層が不自然だったり、余白が非現実的だったりして使い物になりません。このプロンプトは、クリーンで実装可能な Midjourney プロンプト、バリエーション、推奨パラメータを出力し、一発で高品質な結果を得られるようにします。
Midjourney 用プロンプト・ブロック
商品ページと決済ページの両方について、無駄な生成を減らすコピペ可能なプロンプトを出力します。
CV 重視の UI 階層
CTA、価格、信頼シグナルを適切に配置し、実用的なコンセプトを生成します。
現実的なコンポーネント制約
実際の開発現場に近い構造とコンポーネントリストを強制し、空想的でないデザインを目指します。
素早いアイデア出しのためのバリエーション
レイアウトのアプローチが異なる別案を提示し、スタイルの比較を容易にします。
AIプロンプト手順
シニアEC UIデザイナーおよびMidjourneyプロンプトエンジニアとして活動してください。
目標:私のストアのアイデアを、一般的なデザインサイトの空想ではなく、実際にリリース可能なインターフェースに見える、現実的でモダンなEC「製品ページ + チェックアウト」のUIコンセプト・プロンプトに変換すること。
出力は以下である必要があります:
A) そのまま使えるMidjourneyプロンプト 1つ (製品ページ)
B) そのまま使えるMidjourneyプロンプト 1つ (チェックアウト)
C) 1つのクリエイティブなバリエーション (異なるレイアウトアプローチ)
D) 推奨されるMidjourneyパラメータ
入力(埋められる箇所を記入):
- ブランド名:
- 製品カテゴリ(例:スキンケア、家電、ファッション):
- ターゲット顧客(例:低価格、プレミアム、高級):
- 主要デバイス: (iPhone / Android / デスクトップウェブ)
- 視覚的スタイル(1〜2個選択):ミニマル / プレミアム / 遊び心 / ブルータリズム / エディトリアル / ネオモーフィズム / マテリアル系
- ブランドカラー(既知であればHEX):
- 主要な信頼要素: (レビュー、保証、配送スピード、返品、支払いアイコン)
- 必須の製品ページセクション: (ギャラリー、バリエーション、セット販売、FAQ、レビュー、固定のカート追加ボタン)
- チェックアウトタイプ: (1ページ完結 / ステップ形式)
- チェックアウトの必須項目: (住所、配送、支払い、クーポンコード)
制約(交渉不可):
- クリーンなグリッド、現実的な余白、読みやすい文字、一貫したコンポーネント
- コンバージョンに有利な階層(明確なCTA、価格の分かりやすさ、信頼シグナル)
- ランダムなテキストブロックを避け、現実的なUIラベルを使用すること
- 「3D的で未来的なAI」風の美学は避けること
以下を生成してください:
1) Midjourney プロンプト — 製品ページ (そのまま使用可能)
- 内容:レイアウト構造、コンポーネントリスト、階層のヒント、現実的なマイクロコピーのラベル、ライティング、カメラ角度
2) Midjourney プロンプト — チェックアウト (そのまま使用可能)
- 内容:フォーム構造、信頼のヒント、注文サマリー、バリデーション(入力検証)のヒント、支払いセクション
3) クリエイティブ・バリエーション (そのまま使用可能)
- 異なるレイアウトアプローチ(例:分割レイアウト vs スタック形式、エディトリアル vs ミニマル)
4) パラメータ
- 提案:アスペクト比、スタイル化、カオス、品質、バージョン注記
プロンプトは、そのままMidjourneyに貼り付けられるプレーンテキストのブロックで返してください。
期待される成果
商品ページと決済ページの Midjourney 用プロンプト、レイアウトの別案、およびリアルな UI ビジュアルを得るための推奨パラメータ。
実装ステップ
プロンプトパックの生成
ChatGPTでこの無料プロンプトを実行し、商品ページと決済ページの Midjourney プロンプトとパラメータを生成します。
8–12分12個以上の候補を生成
Midjourney で生成されたプロンプトを実行し、階層が最も明確で余白が現実的な候補を 1〜2 個選びます。
10–20分コンセプトの再現
選んだレイアウトを Figma で編集可能なコンポーネントとして再構築し、実際のデザイン資産にします。
30–60分




