| <!DOCTYPE html> |
| <html lang="en"> |
|
|
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>AI & Job Displacement: A 2035 Outlook</title> |
| <link rel="preconnect" href="https://fonts.googleapis.com"> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> |
| <link rel="stylesheet" href="styles.css"> |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> |
| </head> |
|
|
| <body> |
|
|
| |
| <nav class="navbar"> |
| <div class="nav-container"> |
| <a href="#" class="nav-logo">FutureWork<span class="accent">.ai</span></a> |
| <div class="nav-links"> |
| <a href="#executive-summary">Summary</a> |
| <a href="#market-shift">Market Shift</a> |
| <a href="#industry-impact">Industry Impact</a> |
| <a href="#productivity">Productivity</a> |
| <a href="#conclusion">Conclusion</a> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <header class="hero"> |
| <div class="hero-content"> |
| <span class="badge">Special Report 2025</span> |
| <h1>The AI Displacement <br> Horizon</h1> |
| <p class="hero-subtitle">An in-depth analysis of how Artificial Intelligence will reshape the global |
| workforce by 2035.</p> |
| <a href="#executive-summary" class="btn-primary">Read the Report</a> |
| </div> |
| <div class="hero-visual"> |
| <img src="assets/cover.png" alt="AI Displacement Cover Art" |
| style="width: 100%; height: 100%; object-fit: cover;"> |
| </div> |
| </header> |
|
|
| <main> |
| |
| <section id="executive-summary" class="section"> |
| <div class="container"> |
| <div class="section-header"> |
| <h2>Executive Summary</h2> |
| <p>The dawn of the Intelligence Age brings unprecedented opportunities and challenges.</p> |
| </div> |
| <div class="content-grid"> |
| <div class="text-block"> |
| <p>Artificial Intelligence is not just a technological upgrade; it is a fundamental shift in how |
| value is created. Our analysis suggests that by 2035, <strong>45% of current tasks</strong> |
| will be automated, yet the demand for human-centric skills will reach an all-time high.</p> |
| <p>This report explores the dual nature of this transition: the displacement of routine |
| cognitive and manual labor, and the simultaneous creation of new "AI-augmented" roles that |
| do not exist today.</p> |
| </div> |
| <div class="stat-card"> |
| <h3>$15.7 Trillion</h3> |
| <p>Projected contribution of AI to the global economy by 2030.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="market-shift" class="section alt-bg"> |
| <div class="container"> |
| <div class="section-header"> |
| <span class="chapter-label">Chapter 01</span> |
| <h2>The Global Market Shift</h2> |
| <p>From repetition to creation: The changing nature of work.</p> |
| </div> |
|
|
| <div class="chart-container-large"> |
| <canvas id="marketShiftChart"></canvas> |
| </div> |
|
|
| <div class="content-columns"> |
| <div class="col"> |
| <h3>The Decline of Routine</h3> |
| <p>Jobs heavily reliant on repetitive data processing, manual entry, and predictable physical |
| tasks are seeing a rapid decline. Automation is no longer limited to factory floors; it has |
| entered the office.</p> |
| </div> |
| <div class="col"> |
| <h3>The Rise of Strategy</h3> |
| <p>Conversely, roles requiring complex problem-solving, emotional intelligence, and strategic |
| oversight are growing. The "Human-in-the-loop" model is becoming the standard for high-value |
| workflows.</p> |
| </div> |
| </div> |
|
|
| <div class="chart-container-wide"> |
| <canvas id="automationPotentialChart"></canvas> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="industry-impact" class="section"> |
| <div class="container"> |
| <div class="section-header"> |
| <span class="chapter-label">Chapter 02</span> |
| <h2>Industry Impact Analysis</h2> |
| <p>Not all sectors will be affected equally. A look at the disruption index.</p> |
| </div> |
|
|
| <div class="split-layout"> |
| <div class="text-side"> |
| <h3>Sector Vulnerability</h3> |
| <p>Finance and Manufacturing face the highest immediate disruption due to the structured nature |
| of their data and processes. However, they also stand to gain the most in efficiency.</p> |
| <ul class="feature-list"> |
| <li><strong>Finance:</strong> Algorithmic trading and automated auditing.</li> |
| <li><strong>Healthcare:</strong> AI diagnostics assisting doctors, not replacing them.</li> |
| <li><strong>Creative:</strong> Generative AI as a tool for rapid prototyping.</li> |
| </ul> |
| </div> |
| <div class="chart-side"> |
| <canvas id="industryRadarChart"></canvas> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="productivity" class="section alt-bg"> |
| <div class="container"> |
| <div class="section-header"> |
| <span class="chapter-label">Chapter 03</span> |
| <h2>Productivity & Wages</h2> |
| <p>The decoupling of output and income: A critical challenge.</p> |
| </div> |
|
|
| <div class="chart-container-wide"> |
| <canvas id="productivityChart"></canvas> |
| </div> |
|
|
| <div class="text-block centered"> |
| <p>Historically, productivity growth led to wage growth. In the AI era, we risk a divergence where |
| capital owners capture the majority of productivity gains, leaving labor behind. Policy |
| intervention and aggressive upskilling are required to bridge this gap.</p> |
| </div> |
|
|
| <div class="chart-container-wide"> |
| <canvas id="gdpImpactChart"></canvas> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="conclusion" class="section"> |
| <div class="container"> |
| <div class="section-header"> |
| <h2>The Path Forward</h2> |
| <p>Adaptation is the only option.</p> |
| </div> |
| <div class="conclusion-grid"> |
| <div class="card"> |
| <h3>Reskilling</h3> |
| <p>Continuous learning must become a lifelong habit, not a one-time degree.</p> |
| </div> |
| <div class="card"> |
| <h3>Policy</h3> |
| <p>Governments must explore UBI or Universal Basic Services to manage transition periods.</p> |
| </div> |
| <div class="card"> |
| <h3>Ethics</h3> |
| <p>Responsible AI deployment is crucial to maintaining public trust and social stability.</p> |
| </div> |
| </div> |
| <div class="visual-break"> |
| |
| <img src="assets/horizons.png" alt="New Horizons" |
| style="width: 100%; height: 100%; object-fit: cover;"> |
| </div> |
| </div> |
| </section> |
|
|
| </main> |
|
|
| <footer> |
| <div class="container"> |
| <p>© 2025 FutureWork.ai Research Group. All rights reserved.</p> |
| </div> |
| </footer> |
|
|
| <script src="script.js"></script> |
| </body> |
|
|
| </html> |
