McKinsey/BCG Style Visualization

Professional consulting-style data visualization and infographics creation skill for strategic analysis and executive presentations.

Overview

This skill enables the creation of high-density, professional consulting presentation slides and data visualizations in the style of top-tier strategy firms (McKinsey, BCG, Bain). The output combines institutional authority with editorial financial-report aesthetics, designed for boardroom-ready executive presentations.

When to Use This Skill

Use this skill when:

• Creating strategic analysis presentations for executive audiences
• Developing competitive benchmarking visualizations
• Building data-driven consulting deliverables
• Designing market analysis infographics
• Producing high-information-density business reports
• Visualizing complex strategic frameworks and comparisons

Do NOT use for:

• Marketing materials or promotional content
• Startup pitch decks with bright colors
• Decorative or artistic visualizations
• Low-information-density slides

Core Design Principles

1. Strategic Framing (Mandatory)

Every visualization must be hypothesis-driven, not descriptive.

Requirements:

• State a clear, insight-led headline that answers a strategic question directly
• Every section must drive toward a specific strategic implication
• Avoid neutral comparison — highlight structural trade-offs, capability gaps, competitive moats, and strategic asymmetries
• The visualization should implicitly support an executive-level decision (e.g., invest, partner, build, acquire, differentiate)

Bad Example: "Comparison of AI Video Models" Good Example: "Temporal Consistency Emerges as the Key Differentiator in GenAI Video — Seedance 2.0 Leads on Technical Benchmarks but Lags on Ecosystem Integration"

2. Visual & Design Standards

Aesthetic

• Tech-minimalist but information-heavy
• Clean, sharp, authoritative
• Institutional and boardroom-ready
• NOT startup-style or decorative

Typography

For Cover Slides:

• Main Title: Serif font (Times New Roman / Georgia / Playfair Display / Libre Baskerville)
  • Size: Very large (48-72pt equivalent)
  • Weight: Regular or Medium (not bold - maintains elegance)
  • Color: White #FFFFFF
• Subtitle: Sans-serif (Inter / Helvetica / Arial)
  • Size: Medium (18-24pt equivalent)
  • Weight: Light or Regular
  • Color: Light Grey #E5E7EB
• Metadata: Sans-serif (Inter / Helvetica / Arial)
  • Size: Small (10-12pt equivalent)
  • Weight: Light
  • Color: Light Grey #E5E7EB

For Content Slides:

• Headlines: Serif (Times New Roman / Georgia)
  • Size: Large (24-36pt equivalent)
  • Weight: Bold
  • Color: Black #000000
• Body Text: Sans-serif (Inter / Helvetica / Arial)
  • Size: Medium (14-16pt equivalent)
  • Weight: Regular
  • Color: Dark Grey #374151
• Data Labels: Sans-serif (Inter / Helvetica / Arial / Roboto)
  • Size: Small-Medium (12-14pt equivalent)
  • Weight: Medium or Semibold
  • Color: Black #000000 or Deep Royal Blue #1E3A8A
• Emphasis: Bold for key numbers and strategic insights

Color Palette

For Content Slides (Data Visualizations):

• Background: Pure White #FFFFFF
• Primary Text: Sharp Black #000000
• Primary Accent: Deep Royal Blue #1E3A8A
• Secondary Accent: Medium Blue #2563EB
• Grey Hierarchy:
  • Dark Grey (primary text): #374151
  • Medium Grey (secondary text): #6B7280
  • Light Grey (borders/dividers): #D1D5DB
  • Very Light Grey (subtle backgrounds): #F3F4F6

For Cover Slides:

• Background: Deep Navy Blue #1E3A5F
• Alternative Background: Gradient from #1E3A5F to #2C4A6F
• Primary Text: Pure White #FFFFFF
• Secondary Text: Light Grey #E5E7EB
• Optional Accent: Subtle Gold #D4AF37 (for premium touch, use sparingly)

General Rules:

• NO gradients on content slides (only subtle gradients allowed on cover slides)
• NO bright startup colors (avoid neon, pastels, or vibrant hues)

Graphic Rules

• Hairline borders for tables (thin, precise lines)
• Precise vector lines for charts and frameworks
• NO decorative icons (use functional icons only when necessary)
• NO visual clutter (every element must serve a purpose)

3. Aspect Ratio Standards

CRITICAL: Always use landscape (horizontal) orientation for consistency.

Recommended aspect ratios:

• Landscape (16:9): Default for all visualizations — ensures consistency across slides
• Landscape (3:2): Alternative for wider layouts

Avoid:

• Portrait orientation (unless specifically requested)
• Square formats (unless for specific use cases like social media)

Rationale:

• Landscape orientation is standard for business presentations
• Maintains visual consistency when multiple charts are used together
• Optimized for screen sharing and projection
• Easier to read in document formats

Visualization Types & Use Cases

Type 1: Time-Series Growth Charts

Use when: Showing adoption rates, market growth, performance over time

Elements:

• Line chart or bar chart with clear time axis
• Large percentage numbers above data points
• Annotation box for key insights (e.g., "2x growth in 2 years")
• Clean gridlines every 10-20%
• Upward arrow for positive trends

Example: AI adoption rate from 38% (2023) to 72% (2025)

Type 2: Gap/Funnel Visualizations

Use when: Highlighting dramatic differences, maturity gaps, conversion funnels

Elements:

• Horizontal bars or funnel shape
• Extreme contrast in bar lengths to emphasize gap
• Large percentage labels
• Annotation explaining the implication (e.g., "Only 1 in 90 organizations...")

Example: 90% using AI vs. 1% with mature operations

Type 3: Before/After Comparisons

Use when: Demonstrating impact, ROI, performance improvement

Elements:

• Two vertical bars side by side
• Different colors (grey for "before", royal blue for "after")
• Curved arrow with improvement metric (e.g., "+28.8 points")
• Y-axis with clear scale
• Annotation box for context (e.g., "RCT study in Pakistan")

Example: Diagnostic accuracy 50% → 78.8% after 20-hour training

Type 4: Market Share / Adoption Rate

Use when: Showing percentage breakdowns, market penetration

Elements:

• Donut chart with center percentage
• Left side: chart; Right side: key statistics in large text
• Two-color scheme (primary + grey)
• Legend with color-coded boxes

Example: 77% of US medical schools adopted AI curriculum

Type 5: Investment / Scale Infographics

Use when: Comparing organizational investments, scale of operations

Elements:

• Horizontal layout with vertical divider
• Left section: Organization A with icon, large numbers, context
• Right section: Organization B with icon, large numbers, context
• Clean vector icons in royal blue
• Hairline divider between sections

Example: Kaiser Permanente (40 hospitals, 600+ facilities) vs. Mayo Clinic ($1B, 200+ projects)

Type 6: Timeline Visualizations

Use when: Showing chronological events, policy changes, milestones

Elements:

• Horizontal timeline with circular nodes
• Icons above each milestone
• Event labels above line, dates below line
• Connecting line in royal blue
• Clean sans-serif labels

Example: 2025 medical education AI integration (July AAMC → Fall Stanford → November AMA)

Type 7: Comparison / Contrast Diagrams

Use when: Highlighting differences between regions, organizations, or strategies

Elements:

• Split design with vertical divider
• Left side: data-rich with bullet points and icons
• Right side: sparse or question marks to emphasize gap
• High contrast between sections
• Clear header labels

Example: US/Global Leaders (72%, 77%, $1B+) vs. Japan (status unclear, unknown data)

Type 8: Strategic Framewo