{
  "id": "jw0iSqoXu4hKWAuj",
  "meta": {
    "templateCredsSetupCompleted": true
  },
  "name": "Create Landing Page Layouts with OpenAI GPT-4.1 from Competitor Analysis",
  "tags": [],
  "nodes": [
    {
      "id": "8a674b3c-7544-49d5-8fd6-f96d74bc0991",
      "name": "When clicking \u2018Test workflow\u2019",
      "type": "n8n-nodes-base.manualTrigger",
      "position": [
        -180,
        -100
      ],
      "parameters": {},
      "typeVersion": 1
    },
    {
      "id": "6bed28c7-6383-4ec2-bc54-24c659faf413",
      "name": "GenerateLayout",
      "type": "@n8n/n8n-nodes-langchain.agent",
      "position": [
        1036,
        -100
      ],
      "parameters": {
        "text": "=## Input\nYou will be provided with:\n- Research outlines from other websites (summaries or structures of similar main pages) :  {{ $json.output }}\n- A list of services to be featured : {{ $('Set input data').item.json.my_services }}\n- A description of the target audience: {{ $('Set input data').item.json['my_target_audience '] }}\n## Role / Persona\nYou are a senior website content strategist, skilled at synthesizing competitive research, business offerings, and audience insights to design high-impact website main page structures.\n\n## Context\nA user is planning the main (home) page of a website. They have collected research outlines from similar websites, clarified the services to be highlighted, and defined the target audience. Your task is to recommend an effective main page outline that reflects best practices, showcases the services, and appeals to the intended audience.\n\n## Task / Instruction\n- Review the provided research outlines, list of services, and target audience description.\n- Synthesize this information to recommend a main page outline that is logical, engaging, and tailored to the target audience.\n- For each main section in your recommended outline, provide a brief description explaining its purpose and the type of content it should include.\n\n## Output Formatting / Style\nPresent your recommended main page outline as a bulleted list. For each main section, include:\n- The section title (in bold)\n- A concise description (one sentence) of the section\u2019s content or function.\n\n## Additional Requirements\n- Focus only on the main (home) page structure.\n- Use clear, professional English.\n- Ensure the outline is relevant and appealing to the specified target audience.\n- Do not include subsections unless specifically requested.\n- Suitable for business or professional website planning.\n",
        "options": {},
        "promptType": "define"
      },
      "typeVersion": 1.9
    },
    {
      "id": "423ed9a0-e914-4d88-8148-acc41b199629",
      "name": "Sticky Note",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -740,
        -380
      ],
      "parameters": {
        "color": 4,
        "width": 500,
        "height": 1000,
        "content": "## Create Landing Page Layouts with OpenAI GPT-4.1 from Competitor Analysis\n\n### Who is this for?\n\nThis workflow is ideal for SEO specialists, web designers, and digital marketers who want to quickly draft effective landing page layouts by referencing established competitors. It suits users who need a fast, structured starting point for web design while ensuring competitive relevance.\n\n### What problem is this workflow solving? / Use case\n\nDesigning a high-converting landing page from scratch can be time-consuming. This workflow automates the process of analyzing a competitor\u2019s website, identifying essential sections, and producing a tailored layout\u2014helping users save time and improve their website\u2019s effectiveness.\n\n### What this workflow does\n\nThe workflow fetches and analyzes your chosen competitor\u2019s landing page, using web scraping and structure-detection nodes in n8n. It identifies primary sections like hero banners, service highlights, testimonials, and contact forms, and then generates a simplified, customizable layout suitable for wireframing or initial design.\n\n### Setup\n\n- Prepare your unique services and target audience profile for customization later.\n- Gather the competitor\u2019s landing page URL you wish to analyze.\n- Run the workflow, inputting your competitor\u2019s URL when prompted.\n\n### How to customize this workflow to your needs\n\n- After generating the initial layout, adapt section names and content blocks to highlight your services and brand messaging.\n- Add or remove sections based on your objectives and audience insights.\n- Integrate additional nodes for richer analysis, such as keyword extraction or design pattern detection, to tailor the output further.\n"
      },
      "typeVersion": 1
    },
    {
      "id": "b69a6ded-7495-4021-b150-e7e668a9f86c",
      "name": "Sticky Note1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -30,
        -320
      ],
      "parameters": {
        "width": 400,
        "height": 580,
        "content": "### Setup Initial Data\n\n- Prepare your unique services and target audience profile for customization later.\n- Gather the competitor\u2019s landing page URL you wish to analyze."
      },
      "typeVersion": 1
    },
    {
      "id": "e9e60657-2e08-4bf9-83dd-26ba10b531a7",
      "name": "Sticky Note2",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        400,
        -320
      ],
      "parameters": {
        "color": 3,
        "width": 540,
        "height": 580,
        "content": "### Analyzed Competitor Site Layout\n\nFetches and analyzes your chosen competitor\u2019s landing page"
      },
      "typeVersion": 1
    },
    {
      "id": "fe3e9edd-d50a-4e81-9a28-10cefaeeff10",
      "name": "Sticky Note3",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        960,
        -320
      ],
      "parameters": {
        "width": 440,
        "height": 580,
        "content": "### Create Layouts Tailored to Your Services and Audience\n\n- Generate Layouts Tailored to Your Services and Target Audience\nIdentify the key sections needed for your landing page.\n- Next, use this output as input for wireframing or your initial design process."
      },
      "typeVersion": 1
    },
    {
      "id": "63d34012-303a-40fd-93d6-0fc76fa93196",
      "name": "Set input data",
      "type": "n8n-nodes-base.set",
      "position": [
        0,
        -100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "950865ac-6e4d-4f31-bf0d-dc272c2c386a",
              "name": "my_services",
              "type": "string",
              "value": "We provide an all-in-one data solution for AI development. It offers a SaaS platform for data collection, creation, and annotation on a monthly subscription model."
            },
            {
              "id": "12f40d6b-9894-415f-b43e-face74d74f81",
              "name": "my_target_audience ",
              "type": "string",
              "value": "AI developers"
            },
            {
              "id": "138fefb6-cbc8-492e-930e-e9e4c990867f",
              "name": "competitor_url",
              "type": "array",
              "value": "[\"https://competitor1.com/\", \"https://competitor2.com/\", \"https://competitor3.com/\", \"https://competitor4.com/\"]"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "2334badc-bb0a-4fe5-909e-d0409c1538a7",
      "name": "Split competitor url",
      "type": "n8n-nodes-base.splitOut",
      "position": [
        220,
        -100
      ],
      "parameters": {
        "options": {},
        "fieldToSplitOut": "competitor_url"
      },
      "typeVersion": 1
    },
    {
      "id": "d69d09f2-a3d0-4ca6-8ff5-e45c4f6f8841",
      "name": "Analyze competitor",
      "type": "@n8n/n8n-nodes-langchain.agent",
      "position": [
        440,
        -100
      ],
      "parameters": {
        "text": "=## Role / Persona\nYou are a web content analyst with expertise in summarizing and structuring website information for quick reference.\n\n## Context\nA user needs a concise overview of the main sections of the website {{ $json.competitor_url }}. The user wants to understand the website\u2019s structure without visiting it directly.\n\n## Task / Instruction\nVisit the  website and identify its main sections or navigation categories. List and briefly describe each primary section, focusing on the purpose and content of each area.\n\n## Output Formatting / Style\nPresent the output as a bulleted or numbered list. Use clear headings for each section, and provide a 1\u20132 sentence summary for each. Keep formatting clean and easy to scan.\n\n## Additional Requirements\n- Tone: Professional, concise, and informative  \n- Length: No more than 10 sections, each with a brief description  \n- Language: English  \n- Audience: Business professionals or developers seeking an overview of website\u2019s offerings\n",
        "options": {},
        "promptType": "define"
      },
      "typeVersion": 1.9
    },
    {
      "id": "a6ea53ae-bc16-4415-a156-e9fb64fc632a",
      "name": "OpenAI GPT 4.1",
      "type": "@n8n/n8n-nodes-langchain.lmChatOpenAi",
      "position": [
        528,
        120
      ],
      "parameters": {
        "model": {
          "__rl": true,
          "mode": "list",
          "value": "gpt-4.1",
          "cachedResultName": "gpt-4.1"
        },
        "options": {}
      },
      "credentials": {
        "openAiApi": {
          "name": "<your credential>"
        }
      },
      "typeVersion": 1.2
    },
    {
      "id": "374416f3-d8de-4d0f-b426-7fffed8b62e9",
      "name": "Aggregate analyzed result",
      "type": "n8n-nodes-base.aggregate",
      "position": [
        816,
        -100
      ],
      "parameters": {
        "options": {},
        "fieldsToAggregate": {
          "fieldToAggregate": [
            {
              "fieldToAggregate": "output"
            }
          ]
        }
      },
      "typeVersion": 1
    },
    {
      "id": "6e2c5334-8a12-4348-ab15-abf35b8ad564",
      "name": "OpenAI GPT 4.",
      "type": "@n8n/n8n-nodes-langchain.lmChatOpenAi",
      "position": [
        1124,
        120
      ],
      "parameters": {
        "model": {
          "__rl": true,
          "mode": "list",
          "value": "gpt-4.1",
          "cachedResultName": "gpt-4.1"
        },
        "options": {}
      },
      "credentials": {
        "openAiApi": {
          "name": "<your credential>"
        }
      },
      "typeVersion": 1.2
    }
  ],
  "active": false,
  "settings": {
    "executionOrder": "v1"
  },
  "versionId": "1d45e541-b0fd-4b0d-aa33-e14af63ca480",
  "connections": {
    "OpenAI GPT 4.": {
      "ai_languageModel": [
        [
          {
            "node": "GenerateLayout",
            "type": "ai_languageModel",
            "index": 0
          }
        ]
      ]
    },
    "OpenAI GPT 4.1": {
      "ai_languageModel": [
        [
          {
            "node": "Analyze competitor",
            "type": "ai_languageModel",
            "index": 0
          }
        ]
      ]
    },
    "Set input data": {
      "main": [
        [
          {
            "node": "Split competitor url",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Analyze competitor": {
      "main": [
        [
          {
            "node": "Aggregate analyzed result",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Split competitor url": {
      "main": [
        [
          {
            "node": "Analyze competitor",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Aggregate analyzed result": {
      "main": [
        [
          {
            "node": "GenerateLayout",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "When clicking \u2018Test workflow\u2019": {
      "main": [
        [
          {
            "node": "Set input data",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}