
UI / UX デザイン
日本向けSaaS経理ツールプロモーションバナー
職場のリアル写真、UIオーバーレイ、訴求コピーを組み合わせた洗練されたフィンテック風ヒーローバナー。見出しやボタン、数値を自由に変更可能です。
saasランディングページバナーフィンテックwebデザインuiデザイン経理
プロンプト
{
"type": "日本のSaaSランディングページ向けプロモーションヒーローバナー",
"style": "洗練されたコーポレートWeb広告、モダンなフィンテックブランディング、明るいオフィス写真とベクターUIオーバーレイの融合、高信頼感、洗練されたコンバージョン重視の設計",
"canvas": {
"aspect_ratio": "4:3",
"background": "柔らかなライトグレーから白へのグラデーション、左側のテキスト領域と右側の写真領域を分ける大きな白い曲線シェイプ"
},
"branding": {
"badge": {
"position": "左上",
"icon": "上昇する折れ線グラフアイコン付きのティール色円形アイコン",
"text": "経理業務効率化ツール",
"shape": "薄いグレー塗りの角丸ピル形状"
},
"palette": {
"primary": "ディープネイビー",
"secondary": "ティールグリーン",
"accent": "鮮やかなオレンジ",
"background": "白と超ライトグレー"
}
},
"layout": {
"sections": [
{
"title": "左側マーケティングコピー領域",
"position": "左半分",
"count": 5,
"labels": [
"上部バッジ",
"大きな見出し",
"3行の本文",
"3つの特徴アイコン",
"オレンジのCTAボタン"
]
},
{
"title": "右側オフィス写真領域",
"position": "右半分",
"count": 6,
"labels": [
"ノートPCを操作する女性会社員",
"ダッシュボードパネル",
"4ステップの自動化カード",
"緑の円形吹き出し",
"デスク上の書類と電卓",
"ぼかしたオフィスの背景"
]
},
{
"title": "下部の安心訴求テキスト",
"position": "左下",
"count": 1,
"labels": [
"セキュリティ・安心保証文"
]
}
],
"composition": "左側に情報量の多い広告テキスト、右側にリアルな職場のポートレート、人物の上と横に浮かぶソフトウェアUIカード"
},
"text": {
"headline": "経理業務、もっと[ラク]に。",
"body": "請求書処理・仕訳・月次業務をまとめて効率化。入力の手間やミスを減らし、経理担当者の負担を軽くします。",
"cta": "[無料デモを見る]",
"reassurance": "初めての導入でも安心"
},
"features": {
"count": 3,
"items": [
{
"icon": "薄いティール色の円に入った書類アイコン",
"label": "紙・Excel管理から卒業"
},
{
"icon": "薄いティール色の円に入った時計アイコン",
"label": "作業時間を削減"
},
{
"icon": "薄いティール色の円に入ったチームアイコン",
"label": "チームでスムーズに共有"
}
]
},
"subject": {
"count": 1,
"person": "20代後半から30代の日本人女性会社員、デスクに着席、ダークブラウンのショートボブ、白ブラウスの上にライトグレージャケット、落ち着いたプロフェッショナルな表情、ノートPCのキーボードに置いた手",
"face_treatment": "顔部分への柔らかな匿名化ぼかし",
"pose": "正面向きでやや左向き、オフィスチェアに背筋を伸ばして着席",
"desk_items": {
"count": 5,
"items": [
"開いたシルバーのノートPC",
"手前左の小型電卓",
"手前右の黒い電卓",
"右側に重ねられた書類と請求書",
"書類の横のペン"
]
}
},
"ui_panel": {
"position": "人物の右上部にフローティング",
"title": "ダッシュボード",
"style": "微細なドロップシャドウ付きの白い角丸四角形カード",
"sidebar": {
"count": 6,
"labels": [
"ダッシュボード",
"請求書",
"仕訳",
"経費",
"レポート",
"設定"
],
"color": "ダークネイビーの垂直サイドバー"
},
"widgets": {
"count": 4,
"items": [
{
"type": "数値カード",
"label": "今月の仕訳数",
"value": "1,248 件",
"delta": "前月比 +18%"
},
{
"type": "ドーナツチャート",
"label": "処理状況",
"value": "84% 完了"
},
{
"type": "数値カード",
"label": "作業時間 (今月)",
"value": "32.5 時間",
"delta": "前月比 -28%"
},
{
"type": "棒グラフ",
"label": "月次推移(作業時間)",
"months": [
"1月",
"2月",
"3月",
"4月",
"5月",
"6月"
]
}
]
}
},
"automation_flow": {
"position": "人物の右横中央",
"count": 4,
"cards": [
"請求書をアップロード",
"AI-OCRで自動読取",
"仕訳を自動作成",
"会計ソフトに連携"
],
"callout": "自動化でミス削減!",
"style": "チェックマーク付きのティール色の点線パスで繋がれた4段の白い角丸カード、末端に小さなきらめきのある緑色の円形バッジ"
},
"environment": {
"setting": "明るくモダンなオフィス",
"background_elements": {
"count": 4,
"items": [
"大きな窓から差し込む柔らかな自然光",
"中央左の背景にあるぼやけた観葉植物",
"右下背景の棚にあるファイルバインダー",
"右隅の小さな鉢植え"
]
}
},
"rendering": "高解像度の商業広告合成、人物とデスクのリアルな写真、鮮明なベクタータイポグラフィ、繊細なドロップシャドウ、広めの余白、日本のWebバナー美学"
}カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[ラク]プレースホルダー[無料デモを見る]プレースホルダー
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 4:3
- 追加日