
インフォグラフィック・教育
LP構成とユーザー心理の図解インフォグラフィック
ユーザー心理の段階とLPのワイヤーフレーム構成を3列で整理した解説用インフォグラフィックを生成します。ステップ数や各枠の文言を自由に変更できます。
インフォグラフィックランディングページマーケティングワイヤーフレーム日本語cvr改善スライド資料
プロンプト
{
"type": "日本のマーケティングインフォグラフィック",
"topic": "ユーザー心理に基づいた高CVRランディングページ構成",
"style": {
"look": "クリーンでフラットなビジネスインフォグラフィック",
"palette": {
"primary": "青",
"secondary": "緑",
"neutral": "白およびライトグレー",
"accent": "ダークネイビーの見出しと1つの強調された青い数字"
},
"background": "無地の白",
"lines": "細いグレーのコネクターと枠線",
"icons": "青と緑のシンプルな円形ラインアイコン",
"aspect_ratio": "16:9 横長"
},
"headline": {
"text": "CVRの高いLPは[8]要素で心理を前に進める",
"position": "上部中央",
"emphasis": "数字は大きく明るい青"
},
"layout": {
"columns": 3,
"sections": [
{
"title": "ユーザー心理",
"position": "左列",
"count": 8,
"items": [
{
"index": 1,
"icon": "目",
"label": "何のサービスか気になる",
"subtext": "まずは目に留まり、注意が向く"
},
{
"index": 2,
"icon": "虫眼鏡",
"label": "もっと知りたいと思う",
"subtext": "興味を持ち、内容を読み進める"
},
{
"index": 3,
"icon": "思考の雲",
"label": "自分ごととしてイメージする",
"subtext": "利用シーンを想像し、自分に関係があると感じる"
},
{
"index": 4,
"icon": "ハート",
"label": "欲しい・解決したいと思う",
"subtext": "メリットを感じ、欲求が高まる"
},
{
"index": 5,
"icon": "天秤",
"label": "他と比べて良さそうだと思う",
"subtext": "比較して、優位性や違いを理解する"
},
{
"index": 6,
"icon": "チェックマークバッジ",
"label": "信頼できると感じて納得する",
"subtext": "根拠や実績を確認し、安心して決められる"
},
{
"index": 7,
"icon": "走る人",
"label": "今すぐ行動しようと思う",
"subtext": "迷いがなくなり、行動に移る"
},
{
"index": 8,
"icon": "笑顔",
"label": "使ってよかったと感じる",
"subtext": "成果を実感し、満足・信頼が深まる"
}
]
},
{
"title": "LP全体構成(ワイヤーフレーム)",
"position": "中央列",
"count": 8,
"items": [
{
"index": 1,
"label": "Attention(注意)",
"wireframe": "上部にロゴ、見出しとCTAボタンを備えたメインヒーローブロック",
"text": "キャッチコピーで課題や価値を一言で伝える"
},
{
"index": 2,
"label": "Interest(興味)",
"wireframe": "画像プレースホルダーとテキストブロック",
"text": "サービス・商品の特徴や課題の解決方法を紹介"
},
{
"index": 3,
"label": "Image(想像)",
"wireframe": "ワイドな画像プレースホルダー",
"text": "利用シーン・導入後の未来をイメージできる構成"
},
{
"index": 4,
"label": "Desire(欲求)",
"wireframe": "3つの小さな円形アイコンとテキスト",
"text": "得られるベネフィット/価値を提示し『欲しい』と思わせる"
},
{
"index": 5,
"label": "Comparison(比較)",
"wireframe": "比較表グリッド",
"text": "他社・代替手段との違いや優位性を明確にする"
},
{
"index": 6,
"label": "Consent(納得)",
"wireframe": "スター評価、アバター、口コミライン",
"text": "実績・お客様の声・データで信頼性を補強し、納得を促す"
},
{
"index": 7,
"label": "Action(行動)",
"wireframe": "暗いボタンを備えた大型CTAエリア",
"text": "今すぐ始める/無料で試すなど行動を後押しするCTA"
},
{
"index": 8,
"label": "Satisfaction(満足)",
"wireframe": "循環矢印サポートアイコンとテキスト",
"text": "導入後のサポート・保証・返金制度など安心材料で満足・リピートにつなげる"
}
],
"extra_labels": [
"LOGO",
"CTAボタン",
"今すぐ申し込む"
]
},
{
"title": "役割",
"position": "右列",
"count": 8,
"items": [
{
"index": 1,
"icon": "メガホン",
"text": "注意を引き、スクロールを促す導入パート"
},
{
"index": 2,
"icon": "開いた本",
"text": "興味を持たせ、読み進める動機をつくるパート"
},
{
"index": 3,
"icon": "写真フレーム",
"text": "自分ごと化を促し、利用イメージを具体化するパート"
},
{
"index": 4,
"icon": "ハート",
"text": "ベネフィットを訴求し、『欲しい』を引き出すパート"
},
{
"index": 5,
"icon": "天秤",
"text": "比較によって、選ぶ理由を明確にするパート"
},
{
"index": 6,
"icon": "シールド",
"text": "信頼・安心を提供し、意思決定のハードルを下げるパート"
},
{
"index": 7,
"icon": "カーソル矢印",
"text": "行動を後押しし、コンバージョンを生むパート"
},
{
"index": 8,
"icon": "笑顔",
"text": "満足・信頼を高め、継続・紹介につなげるパート"
}
]
}
],
"connectors": "点線の水平ガイドラインが中央の8つの各ステージを左右の列の一致する項目に接続し、小さな下向きの矢印が左列の積み重ねられたカードを接続する"
},
"footer": {
"style": "薄い背景と細い青い輪郭線を持つ角丸長方形の注記バー",
"icon": "電球",
"text": "ユーザーの心理を段階的に前へ進めることで、自然な流れでCVRを最大化できます。"
},
"composition": "上部に見出し、その下に均等に配置された3つの垂直列、ページ全体に並ぶ8つの水平行、ランディングページ最適化マニュアル用の対称的な教育スライドデザイン",
"quality": "鮮明なベクターテキスト、プレゼンテーションスライドの明瞭さ、洗練された企業研修資料"
}カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[8]プレースホルダー
プロンプトの詳細
- カテゴリ
- インフォグラフィック・教育
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 16:9
- 追加日