<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Osman Janneh | B2B Content Strategy & Copywriting</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
/* Premium Dark Theme Formatting */
body {
font-family: 'system-ui', -apple-system, sans-serif;
background-color: #050505;
color: #e5e5e5;
}
.glass-panel {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
backdrop-filter: blur(10px);
}
.metric-highlight {
color: #818cf8; /* Indigo for numbers */
font-weight: 800;
}
</style>
</head>
<body class="antialiased selection:bg-indigo-500 selection:text-white">
<!-- Navigation -->
<nav class="max-w-6xl mx-auto px-6 py-8 flex justify-between items-center border-b border-gray-900">
<div class="flex items-center gap-4">
<!-- CSS TEXT LOGO -->
<div class="w-12 h-12 bg-white flex items-center justify-center rounded-sm">
<span class="text-black font-extrabold text-2xl tracking-tighter">W.</span>
</div>
<div class="font-bold text-2xl tracking-tight text-white">Words of Oz.</div>
</div>
<a href="mailto:osman@wordsofoz.site" class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-2.5 rounded-full font-medium transition">Contact Osman</a>
</nav>
<main class="max-w-6xl mx-auto px-6 py-24">
<!-- Hero Section with Headshot -->
<header class="mb-24 flex flex-col md:flex-row items-center gap-12">
<div class="md:w-2/3">
<h1 class="text-5xl md:text-7xl font-extrabold tracking-tight text-white leading-tight mb-6">
Content that earns trust, ranks, and drives revenue.
</h1>
<p class="text-xl text-gray-400 max-w-2xl leading-relaxed mb-8">
I am Osman Janneh, a B2B content strategist and SEO specialist with six years of experience writing for enterprise technology buyers. I turn complex capabilities into active pipeline without corporate fluff.
</p>
<div class="flex flex-wrap gap-4 mb-8">
<span class="px-3 py-1 text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-400 rounded-full">SEO & AEO Optimisation</span>
<span class="px-3 py-1 text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-400 rounded-full">Sales Enablement</span>
<span class="px-3 py-1 text-xs font-semibold bg-gray-900 border border-gray-800 text-gray-400 rounded-full">Enterprise B2B Strategy</span>
</div>
<!-- Client Roster -->
<div class="pt-6 border-t border-gray-900">
<p class="text-sm font-bold text-gray-500 uppercase tracking-widest mb-3">Trusted by Enterprise Brands</p>
<p class="text-gray-400 font-medium leading-relaxed">
Intel • Verizon • Fujitsu • OpenText • Zendesk • HiBob • Sensormatic • Hyland • OutSystems
</p>
</div>
</div>
<!-- PROFILE PICTURE PLACEHOLDER -->
<div class="md:w-1/3 flex justify-center md:justify-end">
<div class="w-64 h-64 rounded-full bg-gray-900 border-2 border-gray-800 overflow-hidden relative shadow-2xl flex items-center justify-center">
<img src="osman-profile.jpg" alt="Osman Janneh" class="w-full h-full object-cover opacity-50" onerror="this.style.display='none'">
<span class="text-gray-600 font-bold absolute text-sm">Profile Image</span>
</div>
</div>
</header>
<!-- Core Capabilities (Now including AEO specific platforms & Sales Enablement) -->
<section class="mb-24">
<h2 class="text-2xl font-bold text-white mb-10 border-b border-gray-900 pb-4">Core Capabilities</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-gray-900/50 p-8 rounded-2xl border border-gray-800">
<h3 class="text-xl font-bold text-white mb-3">AEO & GEO Strategy</h3>
<p class="text-gray-400 text-sm">Structuring content to be retrieved, surfaced, and cited by AI platforms including ChatGPT, Perplexity, and Google AI Overviews alongside traditional SEO.</p>
</div>
<div class="bg-gray-900/50 p-8 rounded-2xl border border-gray-800">
<h3 class="text-xl font-bold text-white mb-3">Sales Enablement</h3>
<p class="text-gray-400 text-sm">Producing case studies, battlecards, solution overviews, and partner recruitment content that directly empowers sales teams and accelerates pipeline.</p>
</div>
<div class="bg-gray-900/50 p-8 rounded-2xl border border-gray-800">
<h3 class="text-xl font-bold text-white mb-3">Enterprise Campaigns</h3>
<p class="text-gray-400 text-sm">Writing multi-touch nurture sequences, long-form thought leadership, and lifecycle content tailored for sceptical IT decision-makers and procurement teams.</p>
</div>
</div>
</section>
<!-- Selected Projects (Grid format with hard ROI metrics) -->
<section class="mb-24">
<h2 class="text-2xl font-bold text-white mb-10 border-b border-gray-900 pb-4">Featured Work & Results</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<!-- Project 1: Enterprise Tech & Metrics -->
<div class="glass-panel p-8 rounded-2xl transition hover:border-gray-500 flex flex-col">
<span class="text-indigo-400 text-sm font-bold tracking-wider uppercase mb-2 block">Enterprise SaaS & Tech</span>
<h3 class="text-2xl font-bold text-white mb-4">Strategic B2B Messaging</h3>
<p class="text-gray-400 text-sm leading-relaxed mb-6">Developed high-level strategic messaging, case studies, and eBooks for global tech leaders. Projects include data management solutions for OpenText and manufacturing IT modernisation for OutSystems.</p>
<div class="mt-auto bg-black/50 p-5 rounded-xl border border-gray-800">
<p class="text-white text-sm mb-2"><span class="metric-highlight text-xl">60+</span> asset downloads in week one of OpenText launch</p>
<p class="text-white text-sm"><span class="metric-highlight text-xl">35%</span> increase in marketing qualified leads for OutSystems</p>
</div>
</div>
<!-- Project 2: Sales Enablement & Campaigns -->
<div class="glass-panel p-8 rounded-2xl transition hover:border-gray-500 flex flex-col">
<span class="text-indigo-400 text-sm font-bold tracking-wider uppercase mb-2 block">Sales Enablement</span>
<h3 class="text-2xl font-bold text-white mb-4">Pipeline Acceleration</h3>
<p class="text-gray-400 text-sm leading-relaxed mb-6">Crafted competitive battlecards for eGoldFax mapping strict healthcare/education compliance requirements, and built multi-touch nurture email sequences for Sensormatic via Intel's partner marketplace.</p>
<div class="mt-auto bg-black/50 p-5 rounded-xl border border-gray-800">
<p class="text-white text-sm mb-2"><span class="metric-highlight text-xl">35%</span> increase in SQLs quarter-on-quarter for eGoldFax</p>
<p class="text-white text-sm"><span class="metric-highlight text-xl">15%</span> sales uplift & 8% profit margin increase for Sensormatic</p>
</div>
</div>
</div>
</section>
<!-- Personal Work: Crown & Culture -->
<section class="mb-24 flex items-center justify-between p-8 bg-gray-900/30 rounded-2xl border border-gray-800">
<div>
<span class="text-indigo-400 text-sm font-bold tracking-wider uppercase mb-1 block">Personal Project</span>
<h3 class="text-xl font-bold text-white mb-2">Crown & Culture</h3>
<p class="text-gray-400 text-sm max-w-2xl">A Substack publication exploring diaspora identity, intergenerational silence, and West African heritage. Blending narrative nonfiction with original poetry to demonstrate range across voices and registers.</p>
</div>
<div class="hidden md:block">
<a href="https://osmanzjanneh.substack.com" target="_blank" class="px-5 py-2 border border-gray-600 text-white rounded-full hover:bg-white hover:text-black transition text-sm font-bold">Read Substack</a>
</div>
</section>
<!-- CTA Section -->
<section class="glass-panel rounded-3xl p-10 md:p-16 text-center relative overflow-hidden">
<div class="absolute top-0 left-1/2 transform -translate-x-1/2 w-full h-full bg-indigo-900/10 rounded-full blur-3xl -z-10"></div>
<h2 class="text-3xl md:text-4xl font-bold text-white mb-6 relative z-10">Ready to improve your search visibility?</h2>
<p class="text-gray-400 mb-8 max-w-xl mx-auto relative z-10">From long-form technical thought leadership to multi-touch B2B nurture sequences, I deliver content that accelerates commercial pipelines.</p>
<a href="mailto:osman@wordsofoz.site" class="relative z-10 inline-block bg-white text-black hover:bg-gray-200 px-8 py-4 rounded-full font-bold text-lg transition shadow-lg shadow-white/10">Discuss Your Project</a>
</section>
</main>
<footer class="max-w-6xl mx-auto px-6 py-8 text-center text-gray-600 text-sm border-t border-gray-900 mt-10">
© 2026 Words of Oz Copywriting. Based in Northampton, UK.
</footer>
</body>
</html>