4-Panel SaaS Ad Banner Variations

Back to inspiration

1 / 1

Source: 武藤尭行｜BOOSTTECH CEO

Marketingopenai/gpt-image-2#UI Design#Mockup#business#ad#Poster

A modern grid of four banner ads with color variations and AI website builder promotion text.

11.8wpeople using it

4:5Recommended size

1.4wSaves

Prompt template

{
  "type": "4-panel ad banner variation grid",
  "product": {
    "name": "HP BOOSTER",
    "subtitle": "AI搭載ノーコード・サイトビルダー",
    "logo": "blue and green angle brackets with a diamond"
  },
  "common_elements": {
    "device_mockups": "laptop and smartphone (desktop monitor in bottom-left panel) displaying a website with a city skyline, text '未来を、あなたのビジネスに。', and a blue '今すぐ始める' button"
  },
  "layout": {
    "grid": "2x2",
    "panels": [
      {
        "position": "top-left",
        "theme": "dark blue gradient with tech lines",
        "headline": "最短10分で、プロ品質のホームページを。",
        "sub_headline": "AIがデザイン・構成・文章まで自動生成",
        "badge": "gold laurel wreath with text '導入企業続々増加中！'",
        "icon_count": 5,
        "icon_labels": [
          "AIが自動で作成・最適化",
          "ノーコードで自由に編集",
          "デザイン自由プロ品質",
          "SEO対策もおまかせ",
          "スマホ対応高速表示"
        ],
        "bottom_bar": "teal background, yellow button '今すぐ無料で始める ▶'"
      },
      {
        "position": "top-right",
        "theme": "white and light gray",
        "headline": "AIで、誰でも、カンタンに。",
        "pre_headline": "ホームページ制作の常識を、もっとシンプルに。",
        "badge": "teal circle with text '専門知識・制作スキル不要！'",
        "icon_count": 4,
        "icon_labels": [
          "AIが自動で作成・最適化",
          "ノーコードで自由に編集",
          "スマホ対応・高速表示",
          "SEO対策もおまかせ"
        ],
        "bottom_bar": "teal background, yellow button '無料でスタートする ▶'"
      },
      {
        "position": "bottom-left",
        "theme": "bright yellow with comic-book action lines",
        "headline": "自分でカンタン！最短10分でホームページ完成！",
        "pre_headline": "もう、制作会社に頼まない！",
        "badge": "pink circle with text 'AIがすべて自動で作成！'",
        "icon_count": 6,
        "icon_labels": [
          "AI自動生成",
          "ノーコード",
          "デザイン自由",
          "SEO対策",
          "スマホ対応",
          "高速表示"
        ],
        "call_to_action": "pink pill button '無料ではじめる！▶'"
      },
      {
        "position": "bottom-right",
        "theme": "dark gray and black",
        "headline": "成果につながるホームページを。",
        "pre_headline": "本気で集客したいなら、",
        "badge": "gold laurel wreath with text '導入企業続々増加中！'",
        "icon_count": 4,
        "icon_labels": [
          "AIが設計から文章まで自動生成",
          "ノーコードで自由にカスタマイズ",
          "SEO・スピード・セキュリティ対応",
          "集客・売上UPを徹底サポート"
        ],
        "bottom_bar": "gold background, dark blue button '今すぐ無料で始める ▶'"
      }
    ]
  }
}