|
|
<!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> |
