Generate a Business Model Canvas Infographic from an n8n Form Interview

User completes a 4-phase web form → n8n aggregates and formats → AI Agent generates 9-element BMC → Gemini outputs a professional infographic

Who

Consultants, trainers, accelerator operators, or anyone running n8n who needs to quickly generate Business Model Canvases for workshops or self-service

You get

Respondents answer business-idea questions via a web form; the system automatically generates a 9-element BMC text and a professional infographic image

You need

n8n

Steps

1. Configure and publish the four-phase interview form

   After importing the template into n8n, review and adjust the form nodes. The form is split into 4 phases: - Phase 1 (Core business concept): target customer, pain points, current coping methods, value proposition, your strengths and motivation - Phase 2 (Customer touchpoints): information-gathering channels, first encounter, purchase/sign-up channel, customer relationship type, repeat and referral mechanisms - Phase 3 (Delivery means): essential activities, resources you can leverage, missing resources/collaborators needed - Phase 4 (Money flow): revenue model, growth strategy, price range, cost structure Each phase maps to an n8n Form node (On form submission → Form2 → Form3 → Form4), connected in sequence. You may edit field labels and placeholder text as needed. Activate the workflow and share the Production URL with end users.

2. Aggregate and format interview data

   Add or verify the 'Format Interview Responses' Code node. It merges outputs from the four form nodes into a unified data structure, groups them by phase, filters out system fields such as submittedAt and formMode, and produces a formatted Q&A list for the AI Agent to consume.

   Execution prompt · Source text。JS Code field of the 'Format Interview Responses' Code node

   Copy prompt

   const phase1 = $('On form submission').item.json;
   const phase2 = $('Form2').item.json;
   const phase3 = $('Form3').item.json;
   const phase4 = $('Form4').item.json;
   
   const allData = { ...phase1, ...phase2, ...phase3, ...phase4 };
   
   const formatted = [
     { phase: "Grasping the Core (Most Important)", data: Object.entries(phase1) },
     { phase: "Customer Touchpoints (External Environment)", data: Object.entries(phase2) },
     { phase: "Means of Delivery (Internal Environment)", data: Object.entries(phase3) },
     { phase: "Money Flow", data: Object.entries(phase4) },
   ];
   
   return [{ json: { allData, formatted } }];

3. Configure the AI Agent to generate the 9-element BMC

   Configure the 'AI Canvas Generator' AI Agent node: 1. Connect the 'AWS Bedrock Chat Model' (or your preferred LLM) to this Agent’s Language Model port. 2. In the Agent’s Text field, insert the user-answers template below to inject the formatted form data into the conversation. 3. In Options → System Message, paste the system prompt below, which defines validation rules and the 9-element output format. The AI first validates whether the input is relevant, complete, and coherent; if invalid, it returns an ERROR JSON; if valid, it generates the 9-element canvas text.

   Execution prompt · Source text。Text field of the 'AI Canvas Generator' node (user-input template)

   Copy prompt

   =user's answers:
   
   {{ 
   $json.formatted
     .map(phase => 
       `## ${phase.phase}\n\n` + 
       phase.data
         .filter(([q]) => !['submittedAt', 'formMode'].includes(q))
         .map(([q, a]) => `Q: ${q}\nA: ${a}`)
         .join('\n\n')
     )
     .join('\n\n---\n\n') 
   }}

   Execution prompt · Source text。Options → System Message field of the 'AI Canvas Generator' node

   Copy prompt

   =You are an expert business consultant. Based on the user's answers regarding their business idea, your task is to organize and create the 9 elements of the Business Model Canvas.
   
   ## Step 1: Validation (REQUIRED)
   
   Before generating the Business Model Canvas, you MUST validate the user's answers:
   
   ### Validation Criteria
   1. **Relevance Check**: Answers must be related to business/service concepts
   2. **Completeness Check**: Key questions (Customer, Value Proposition, Revenue) must have meaningful answers
   3. **Coherence Check**: Answers should be logically consistent with each other
   
   ### Invalid Answer Examples
   - Random text, gibberish, or test data (e.g., "asdf", "test", "xxx")
   - Completely unrelated content (e.g., recipes, song lyrics, jokes)
   - Contradictory information that cannot form a coherent business model
   - Answers that are too vague to extract any business insight (e.g., "something", "anything")
   
   ### Validation Result
   
   If answers are INVALID, respond ONLY with this JSON format and nothing else:
   ```json
   {
     "status": "ERROR",
     "reason": "Brief explanation of what was wrong",
     "message": "We were unable to create a Business Model Canvas from your responses. Please provide specific information about your business idea and try again."
   }
   ```
   
   If answers are VALID, proceed to Step 2.
   
   ---
   
   ## Step 2: Generate Business Model Canvas
   
   Only proceed here if validation passed.
   
   ### Rules for Elaboration
   Do not simply transcribe the user's answers. Instead, slightly flesh out the content based on the following perspectives:
   
   1. **Concretize**:
      - If there are vague expressions, infer from the context and add specific details.
      - *Example:* Change "SNS" to specific platforms like "Instagram" or "X" based on the target audience.
   
   2. **Complement**:
      - Add elements that are clearly necessary from the context, even if not explicitly stated in the answers.
      - *Example:* Organize Channels into the flow of "Awareness -> Purchase -> Delivery".
   
   3. **Constraints**:
      - Do not interpret in a way that deviates from the user's intent.
      - Do not over-expand the content (keep additions light and relevant).
      - If you add parts based on speculation, mark them as "(Assumed)" if necessary.
   
   ### Output Format
   
   Extract and organize the information into the following 9 elements:
   
   **【Customer Segments (CS)】**
   * Who are we creating value for?
   
   **【Value Propositions (VP)】**
   * What problems are we solving? What value do we deliver to the customer?
   
   **【Channels (CH)】**
   * How do we reach the customer? (Organize by Awareness -> Purchase -> Delivery)
   
   **【Customer Relationships (CR)】**
   * What type of relationship do we establish with the customer?
   
   **【Revenue Streams (RS)】**
   * How does the business generate income?
   
   **【Key Resources (KR)】**
   * What key assets are required? (Skills, qualifications, equipment, etc.)
   
   **【Key Activities (KA)】**
   * What key activities are necessary to deliver the Value Propositions?
   
   **【Key Partners (KP)】**
   * Who are the external partners or suppliers?
   
   **【Cost Structure (CS)】**
   * What are the major costs involved? (Fixed costs, variable costs, initial investment)

4. Validate output and route errors

   Add or verify the 'Validate Canvas Output' Code node and the 'If_is_error' branch node: - The Code node inspects the AI Agent output for an ERROR status; if found, it extracts the message field and sets isError=true. - The If node checks isError: if true, it routes to an error completion page; if false, it passes the canvas text to the image-generation node. The error page shows a friendly message asking the user to re-enter their answers; the success branch continues execution.

   Execution prompt · Source text。JS Code field of the 'Validate Canvas Output' Code node

   Copy prompt

   const output = $('AI Canvas Generator').item.json.output;
   
   if (output.includes('"status": "ERROR"') || output.includes('"status":"ERROR"')) {
     const errorMatch = output.match(/"message":\s*"([^"]+)"/);
     const errorMessage = errorMatch ? errorMatch[1] : 'There was an issue with your input. Please start again from the beginning.';
     
     return [{
       json: {
         isError: true,
         errorMessage
       }
     }];
   }
   
   return [{
     json: {
       isError: false,
       canvas: output
     }
   }];

5. Generate infographic and deliver result

   Configure the 'Generate an image' Google Gemini node: 1. Bind Google Gemini API credentials (googlePalmApi type). 2. Select an image-capable model, e.g. models/gemini-3-pro-image-preview. 3. In the Prompt field, paste the prompt below, which injects the canvas text from the previous node and instructs Gemini to produce a professional 9-block-grid infographic. On success, the 'Completed' form completion page presents the generated image link to the user; failures are intercepted at Step 4.

   Execution prompt · Source text。Prompt field of the 'Generate an image' node

   Copy prompt

   =## Business Model Canvas text
   {{ $json.canvas }}
   
   ## Visual Output Request
   
   Based on the organized Business Model Canvas text above, generate a professional **infographic image**.
   
   **【Required 9 Elements】**
   The image MUST include all 9 Business Model Canvas elements:
   1. Key Partners (KP)
   2. Key Activities (KA)
   3. Key Resources (KR)
   4. Value Propositions (VP)
   5. Customer Relationships (CR)
   6. Channels (CH)
   7. Customer Segments (CS)
   8. Cost Structure (CS)
   9. Revenue Streams (RS)
   
   **【Visual Style & Format Specifications】**
   1. **Layout Rigidity**: Strictly adhere to the standard Business Model Canvas 9-block grid layout:
      - Left column: Key Partners
      - Center-left column (split): Key Activities (top), Key Resources (bottom)
      - Center column: Value Propositions
      - Center-right column (split): Customer Relationships (top), Channels (bottom)
      - Right column: Customer Segments
      - Bottom-left: Cost Structure
      - Bottom-right: Revenue Streams
   
   2. **Aesthetic Style**: Emulate a clean, professional, digital infographic design, similar to high-quality BMC templates used in corporate presentations.
   
   3. **Visual Elements**:
      * Include minimalist, relevant **icons** next to each block title to enhance visual clarity
      * Use professional header colors for each block's title area (e.g., muted blues or greys as accents against a white background)
      * Ensure the dividing lines between blocks are sharp and clear
   
   4. **Text Rendering & Placement**:
      * Render the summarized key points legibly *within* their corresponding block boundaries
      * **Crucial**: Text must be high-contrast and must not overflow or overlap with borders
      * Do not overcrowd the blocks; use bullet points for readability
   
   **【Output Goal】**
   A single, high-resolution image that visualizes the entire business model at a glance, with all 9 elements clearly visible and properly positioned.

You need an n8n instance, AWS Bedrock credentials (default Claude, swappable), and a Google Gemini API key. After importing the template, configure the two credential nodes, optionally customize the form questions, then activate the workflow and share the Production URL. End users do not need to register; they simply complete the 4-phase form in a browser to receive the BMC infographic.