図解・インフォグラフィック

Create a professional flowchart for a customer support process.

Structure (Left to Right):
1. "Customer Inquiry" (Start, oval shape)
   → Arrow →
2. "Issue Type?" (Decision, diamond shape)
   → "Technical" → "Technical Support Team"
   → "Billing" → "Billing Department"
   → "General" → "General Support"
   → All paths converge →
3. "Resolution" (Process, rectangle)
   → Arrow →
4. "Customer Satisfied?" (Decision, diamond)
   → "Yes" → "Close Ticket" (End, oval)
   → "No" → Loop back to step 2

Visual Style:
- Clean, flat design
- Color coding: Start/End (green), Decision (yellow), Process (blue)
- Clear arrows with direction indicators
- White background
- Professional, corporate aesthetic

Text:
- All labels in English
- Clear, legible sans-serif font
- Text centered in each shape

Aspect ratio: 16:9 horizontal layout.

Create a vertical flowchart for a user registration process.

Flow (Top to Bottom):

Start (Green oval): "User visits site"
    ↓
Step 1 (Blue rectangle): "Click Sign Up"
    ↓
Step 2 (Blue rectangle): "Enter email & password"
    ↓
Decision (Yellow diamond): "Valid email?"
    → No (Red arrow) → "Show error" → loop back to Step 2
    → Yes (Green arrow) ↓
Step 3 (Blue rectangle): "Send verification email"
    ↓
Step 4 (Blue rectangle): "User clicks link"
    ↓
Decision (Yellow diamond): "Link valid?"
    → No → "Resend email" → loop to Step 3
    → Yes ↓
End (Green oval): "Account activated"

Style:
- Modern, clean design
- Soft shadows for depth
- Rounded corners on rectangles
- Clear connecting lines with arrows
- White background with subtle grid

Aspect ratio: 3:4 vertical orientation.

Create a swimlane diagram for an order fulfillment process.

Swimlanes (Horizontal sections, top to bottom):
1. Customer
2. Sales Team
3. Warehouse
4. Shipping

Process Flow (Left to Right):

Customer Lane:
- "Place Order" → (arrow down to Sales)

Sales Team Lane:
- "Receive Order" → "Process Payment" → (arrow down to Warehouse)

Warehouse Lane:
- "Pick Items" → "Pack Order" → (arrow down to Shipping)

Shipping Lane:
- "Generate Label" → "Ship Package" → (arrow up to Customer)

Customer Lane (end):
- "Receive Package" → "Complete"

Visual Style:
- Each lane has a different pastel color
- Clear lane labels on the left
- Arrows crossing lanes are clearly visible
- Professional business diagram aesthetic
- White background

Aspect ratio: 16:9.

Create a corporate organizational chart.

Hierarchy (Top to Bottom):

Level 1 (Top):
- CEO (largest box, gold border)

Level 2:
- CFO | COO | CTO
  (3 boxes side by side, connected to CEO)

Level 3:
- Under CFO: "Finance Team" | "Accounting"
- Under COO: "Operations" | "HR" | "Admin"
- Under CTO: "Engineering" | "Product" | "IT"

Visual Design:
- Clean, modern boxes with rounded corners
- Hierarchy indicated by size (larger = higher rank)
- Connecting lines clear and straight
- Color scheme: Navy blue for executives, lighter blue for departments
- Professional corporate aesthetic

Layout:
- Centered, symmetrical arrangement
- Clear spacing between levels
- Connecting lines with 90-degree angles

Background: Light gray gradient.
Aspect ratio: 16:9.

Create a pyramid diagram showing Maslow's hierarchy of needs.

Structure (Bottom to Top):

Layer 1 (Base, widest):
- "Physiological Needs" - Food, water, shelter
- Color: Orange

Layer 2:
- "Safety Needs" - Security, stability
- Color: Yellow

Layer 3:
- "Love & Belonging" - Relationships, community
- Color: Green

Layer 4:
- "Esteem" - Achievement, respect
- Color: Blue

Layer 5 (Top, smallest):
- "Self-Actualization" - Reaching full potential
- Color: Purple

Visual Style:
- 3D pyramid effect with subtle shadows
- Each layer clearly labeled
- Small icons representing each need
- Clean, educational infographic style
- White background

Text must be clearly readable on each layer.
Aspect ratio: 1:1 square.

Create a mind map for project planning.

Central Node:
- "Project Plan" (large, centered, blue circle)

Main Branches (4 directions):

Right Branch - "Timeline":
- Sub: "Milestones"
- Sub: "Deadlines"
- Sub: "Dependencies"

Left Branch - "Resources":
- Sub: "Team"
- Sub: "Budget"
- Sub: "Tools"

Top Branch - "Goals":
- Sub: "Objectives"
- Sub: "KPIs"
- Sub: "Success Criteria"

Bottom Branch - "Risks":
- Sub: "Technical"
- Sub: "Budget"
- Sub: "Schedule"

Visual Style:
- Organic, flowing branch lines
- Each main branch has a distinct color
- Sub-topics in smaller bubbles
- Clean, modern aesthetic
- White background

All text must be clearly legible.
Aspect ratio: 1:1.

Create a horizontal timeline for a product launch roadmap.

Timeline (Left to Right, 4 milestones):

Q1 2025:
- "Research & Planning"
- Icon: Lightbulb
- Status: Completed (green checkmark)

Q2 2025:
- "Development"
- Icon: Code brackets
- Status: In Progress (yellow dot)

Q3 2025:
- "Beta Testing"
- Icon: Users
- Status: Upcoming (gray)

Q4 2025:
- "Launch"
- Icon: Rocket
- Status: Upcoming (gray)

Visual Design:
- Horizontal line with circular milestone markers
- Each milestone has a card above or below (alternating)
- Progress indicated by line color (completed = blue, upcoming = gray)
- Modern, tech-forward aesthetic
- Clean icons for each phase

Colors:
- Completed: Blue filled circle
- Current: Orange pulsing circle
- Upcoming: Gray outline circle

Background: White with subtle gradient.
Aspect ratio: 16:9.

Create a vertical timeline showing company history.

Timeline (Top to Bottom, oldest to newest):

2015:
- "Company Founded"
- Small image: Office building
- Brief text: "Started with 3 founders"

2017:
- "First Major Client"
- Small image: Handshake
- Brief text: "Fortune 500 partnership"

2019:
- "Series A Funding"
- Small image: Growth chart
- Brief text: "$10M raised"

2021:
- "100 Employees"
- Small image: Team
- Brief text: "Global expansion"

2023:
- "IPO"
- Small image: Stock chart
- Brief text: "NYSE listing"

2025:
- "Today"
- Small image: Globe
- Brief text: "Serving 50+ countries"

Visual Style:
- Vertical line in center
- Alternating left/right card placement
- Year prominently displayed
- Small illustrative icons
- Corporate, professional aesthetic

Colors: Blue gradient theme.
Aspect ratio: 9:16 vertical.

Create a simplified Gantt chart style project timeline.

Structure:

Vertical Axis (Tasks, top to bottom):
1. Research
2. Design
3. Development
4. Testing
5. Launch

Horizontal Axis (Time):
- Week 1 | Week 2 | Week 3 | Week 4 | Week 5 | Week 6

Task Bars:
- Research: Week 1-2 (Blue bar)
- Design: Week 2-3 (Green bar)
- Development: Week 3-5 (Orange bar)
- Testing: Week 4-5 (Purple bar)
- Launch: Week 6 (Red bar, short)

Visual Elements:
- Horizontal colored bars showing duration
- Grid lines for clarity
- Task labels on left
- Week numbers on top
- Current week marker (vertical red line)

Style:
- Clean, minimal design
- Clear color coding
- Professional project management aesthetic

Background: White with light grid.
Aspect ratio: 16:9.

Create a before/after comparison graphic for a website redesign.

Layout: Split screen (left/right)

LEFT SIDE - "Before":
- Label: "Before" in red
- Old website mockup showing:
  - Cluttered layout
  - Small text
  - Outdated colors (gray, dull)
  - Poor navigation
  - "2019" watermark

RIGHT SIDE - "After":
- Label: "After" in green
- New website mockup showing:
  - Clean, modern layout
  - Clear typography
  - Fresh colors (blue, white)
  - Intuitive navigation
  - "2025" watermark

Visual Elements:
- Clear dividing line in center
- Arrow or transition effect between sides
- Subtle shadow/highlight on "After" side
- Professional mockup frames

Style:
- Clean, modern design
- Clear contrast between old and new
- Highlight improvements visually

Aspect ratio: 16:9.

Create a product comparison chart for 3 subscription plans.

Layout: 3 columns side by side

Column 1 - "Basic" (Gray header):
- Price: "$9/mo"
- Features:
  - ✓ 5 Users
  - ✓ 10GB Storage
  - ✗ Priority Support
  - ✗ API Access
  - ✗ Custom Domain

Column 2 - "Pro" (Blue header, RECOMMENDED badge):
- Price: "$29/mo"
- Features:
  - ✓ 25 Users
  - ✓ 100GB Storage
  - ✓ Priority Support
  - ✓ API Access
  - ✗ Custom Domain

Column 3 - "Enterprise" (Gold header):
- Price: "Custom"
- Features:
  - ✓ Unlimited Users
  - ✓ Unlimited Storage
  - ✓ Priority Support
  - ✓ API Access
  - ✓ Custom Domain

Visual Design:
- Clean card design for each column
- "Pro" column slightly elevated/highlighted
- Green checkmarks, red X marks
- Clear typography
- CTA button at bottom of each column

Style: Modern SaaS pricing page aesthetic.
Aspect ratio: 16:9.

Create a pros and cons comparison graphic.

Topic: "Remote Work"

Layout: Two columns

LEFT COLUMN - "Pros" (Green theme):
- Icon: Thumbs up
- Items with green checkmarks:
  1. "Flexible schedule"
  2. "No commute"
  3. "Work-life balance"
  4. "Reduced costs"
  5. "Global talent access"

RIGHT COLUMN - "Cons" (Red theme):
- Icon: Thumbs down
- Items with red X marks:
  1. "Communication challenges"
  2. "Isolation"
  3. "Distractions at home"
  4. "Time zone differences"
  5. "Harder collaboration"

Visual Style:
- Clean, balanced layout
- Clear icons for each point
- Color coding (green left, red right)
- Professional, objective presentation
- White background with subtle shadows

Aspect ratio: 16:9.

Create a statistics infographic about global internet usage.

Title: "Global Internet Usage 2025"

Content (4 key statistics):

Stat 1:
- Number: "5.4 Billion"
- Label: "Internet Users Worldwide"
- Icon: Globe with network lines
- Visual: Large number prominently displayed

Stat 2:
- Number: "67%"
- Label: "Global Population Online"
- Icon: People group
- Visual: Circular progress bar at 67%

Stat 3:
- Number: "3.2 Hours"
- Label: "Average Daily Usage"
- Icon: Clock
- Visual: Clock graphic

Stat 4:
- Number: "51%"
- Label: "Mobile Traffic Share"
- Icon: Smartphone
- Visual: Phone with graph

Layout:
- 2x2 grid arrangement
- Each stat in its own section
- Clean dividers between sections

Style:
- Modern, data-driven aesthetic
- Blue and teal color scheme
- White background
- Clear hierarchy (numbers largest)

Aspect ratio: 1:1 square (Instagram-ready).

Create an infographic showing "How Coffee is Made".

Title: "From Bean to Cup" (centered at top)

Process Flow (top to bottom, 5 steps):

Step 1: "Harvesting"
- Icon: Coffee plant/cherries
- Brief: "Hand-picked ripe cherries"

Step 2: "Processing"
- Icon: Water/wash station
- Brief: "Washed and dried"

Step 3: "Roasting"
- Icon: Roasting drum with flames
- Brief: "165°C to 220°C"

Step 4: "Grinding"
- Icon: Coffee grinder
- Brief: "Coarse to fine"

Step 5: "Brewing"
- Icon: Coffee cup with steam
- Brief: "Your perfect cup"

Visual Elements:
- Vertical flow with connecting arrows/lines
- Each step has an illustrated icon
- Step numbers prominently displayed
- Warm coffee colors (browns, creams)
- Subtle coffee bean decorative elements

Style:
- Hand-drawn illustration style
- Warm, inviting aesthetic
- Educational but visually appealing

Aspect ratio: 9:16 vertical (for Pinterest/Stories).

Create an infographic visualizing climate change data.

Title: "Climate Change: The Numbers" (bold, at top)

Section 1: Temperature Rise
- Large thermometer graphic
- "1.1°C" warming since 1880
- Red gradient showing increase

Section 2: Sea Level Rise
- Wave graphic with rising line
- "21cm" rise in last century
- Blue water colors

Section 3: Arctic Ice Loss
- Ice cube/glacier shrinking visual
- "13%" decline per decade
- White/blue cold colors

Section 4: CO2 Levels
- Factory/smoke stack icon
- "421 ppm" current level
- Gray to black gradient

Section 5: Call to Action
- "What You Can Do" header
- 3 simple action icons
- Green positive colors

Layout:
- Flowing vertical arrangement
- Each section clearly separated
- Icons and numbers prominent
- Dark background for impact

Style:
- Serious, impactful
- Data journalism aesthetic
- Clear visual hierarchy

Aspect ratio: 9:16.

Create a step-by-step instruction graphic for "How to Tie a Tie".

Title: "How to Tie a Windsor Knot"

Steps (6 steps, numbered):

Step 1:
- Illustration: Tie draped around neck, wide end on right
- Text: "Start with wide end on your right"

Step 2:
- Illustration: Wide end crossed over narrow
- Text: "Cross wide end over narrow"

Step 3:
- Illustration: Wide end pulled up through loop
- Text: "Bring wide end up through the loop"

Step 4:
- Illustration: Wide end wrapped around
- Text: "Wrap around the back"

Step 5:
- Illustration: Wide end pulled through knot
- Text: "Pull through the front loop"

Step 6:
- Illustration: Finished knot, tightened
- Text: "Tighten and adjust"

Visual Style:
- Simple line illustrations
- Step numbers in circles
- Clear directional arrows
- Professional, elegant aesthetic
- Navy blue tie in illustrations

Layout:
- 2x3 grid arrangement
- Clear progression from 1 to 6
- Consistent illustration style

Background: Light cream/off-white.
Aspect ratio: 1:1.

Create a visual recipe card for "Perfect Scrambled Eggs".

Title: "Perfect Scrambled Eggs" (script font)

Ingredients (left side):
- 3 eggs (icon)
- Butter (icon)
- Salt & pepper (icon)
- Chives (icon)

Steps (right side, visual flow):

Step 1: "Crack & Whisk"
- Bowl with eggs being whisked
- "Beat until smooth"

Step 2: "Heat Pan"
- Pan on stove with butter melting
- "Medium-low heat"

Step 3: "Pour & Stir"
- Eggs being poured into pan
- "Stir constantly"

Step 4: "Remove Early"
- Slightly wet eggs in pan
- "Remove at 80% done"

Step 5: "Serve"
- Finished eggs on plate with garnish
- "Top with chives"

Visual Style:
- Hand-drawn, cozy illustration style
- Warm, appetizing colors
- Recipe card aesthetic
- Clear step numbering

Layout:
- Ingredients on left (narrow column)
- Steps on right (main area)
- Decorative border

Aspect ratio: 4:5 (Instagram portrait).

Create a technical setup guide for "Setting up a Home Server".

Title: "Home Server Setup Guide"

Hardware Required (top section):
- Icons: Computer, Router, Cables, Storage
- Brief labels for each

Steps (numbered, flowing):

Step 1: "Physical Setup"
- Diagram: Server connected to router
- Labels: Power, Ethernet, Storage

Step 2: "Install OS"
- Screen showing installation
- "Ubuntu Server 24.04"

Step 3: "Configure Network"
- Terminal window graphic
- "Set static IP"

Step 4: "Install Services"
- Docker logo, database icons
- "Docker, Nginx, etc."

Step 5: "Security Setup"
- Lock/shield icon
- "Firewall, SSH keys"

Step 6: "Test Connection"
- Browser window showing success
- "Access from any device"

Visual Style:
- Technical but approachable
- Clean, modern tech aesthetic
- Blue and dark gray color scheme
- Terminal/code snippets where appropriate

Layout:
- Linear flow with connecting elements
- Clear step separation
- Icons for quick understanding

Aspect ratio: 16:9.

- Use specific colors: "Blue (#0066CC) for completed"
- Assign colors to categories: "Each department has a distinct color"
- Specify gradients: "Gradient from light blue to dark blue"