<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
<title>About Harrison Erd & After Dark Labs | After Dark Labs</title>
<meta name="description" content="Meet Harrison Erd, the solo builder behind After Dark Labs, delivering custom websites, mobile apps, and digital products for U.S. businesses.">
<link rel="canonical" href="https://afterdarklabs.io/about.html">
<meta property="og:title" content="About Harrison Erd & After Dark Labs | After Dark Labs">
<meta property="og:description" content="Work directly with Harrison Erd, the solo operator behind After Dark Labs, for senior custom app, website, and digital product execution.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://afterdarklabs.io/about.html">
<meta property="og:site_name" content="After Dark Labs">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="About Harrison Erd and After Dark Labs | Custom Apps and Websites">
<meta name="twitter:description" content="Work directly with Harrison Erd, the solo operator behind After Dark Labs, for senior custom app, website, and digital product execution.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
<script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://afterdarklabs.io/"
},
{
"@type": "ListItem",
"position": 2,
"name": "About",
"item": "https://afterdarklabs.io/about.html"
}
]
}
]
}
</script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
<div class="max-w-7xl mx-auto px-6 py-5 flex justify-between items-center">
<a href="index.html" class="flex items-center gap-3">
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<div>
<span class="heading text-2xl font-semibold tracking-tighter">After Dark</span>
<span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span>
</div>
</a>
<div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
<a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
<a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
<a href="about.html" class="hover:text-[#ccff00] transition-colors">Why Us</a>
<a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
<a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
<a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
<main>
<section class="bg-black pt-36 pb-20 md:pt-44 md:pb-28">
<div class="max-w-7xl mx-auto grid gap-14 px-6 lg:grid-cols-[1.08fr_0.92fr] lg:items-end">
<div>
<p class="mb-6 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">About After Dark Labs</p>
<h1 class="heading max-w-5xl text-6xl font-bold leading-none tracking-tighter md:text-8xl">Product execution, without the overhead.</h1>
</div>
<div class="space-y-8 text-lg leading-8 text-gray-300">
<div>
<p class="heading text-5xl font-bold leading-none tracking-tighter text-[#ccff00] md:text-6xl">15+</p>
<p class="mt-3">years hands-on</p>
</div>
<div>
<p class="heading text-5xl font-bold leading-none tracking-tighter text-[#ccff00] md:text-6xl">10M+</p>
<p class="mt-3">downloads</p>
</div>
<div>
<p class="heading text-5xl font-bold leading-none tracking-tighter text-[#ccff00] md:text-6xl">U.S.</p>
<p class="mt-3">businesses served</p>
</div>
</div>
</div>
</section>
<section class="bg-[#ccff00] text-black">
<div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:min-h-[520px] lg:grid-cols-[0.95fr_1.05fr] lg:items-center">
<div>
<p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">Who you work with</p>
<h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">A hands-on experience.</h2>
</div>
<div class="text-lg leading-8 text-black/75">
<p>My name is <a href="https://harrisonerd.com" class="font-semibold text-black underline decoration-black/30 underline-offset-4 transition-opacity hover:opacity-65">Harrison Erd</a>. I run After Dark Labs and work personally on each project we undertake, which means every project gets direct access to the person doing the strategy, design decisions, development, launch planning, and follow-through. Outside of client work, I have built developer tools used well beyond my own projects, including <a href="https://harrisonerd.com/pickledb" class="font-semibold text-black underline decoration-black/30 underline-offset-4 transition-opacity hover:opacity-65">pickleDB</a>, a Python data store with 2M+ downloads, and <a href="https://harrisonerd.com/micropie" class="font-semibold text-black underline decoration-black/30 underline-offset-4 transition-opacity hover:opacity-65">MicroPie</a>, a lightweight web framework recognized in the official ASGI documentation for modern Python web apps.</p>
</div>
</div>
</section>
<section class="bg-black text-white">
<div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:min-h-[520px] lg:grid-cols-[1.05fr_0.95fr] lg:items-center">
<div class="lg:order-2">
<p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">How projects run</p>
<h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Focused execution from goal to launch.</h2>
</div>
<div class="text-lg leading-8 text-gray-300 lg:order-1">
<p>There are no account managers, handoffs, or layers of agency overhead. We start with the business goal, define the clearest path to a useful product, then move through focused execution so the final website, app, or system feels polished, reliable, and ready for real customers.</p>
</div>
</div>
</section>
<section class="bg-black text-white">
<div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:grid-cols-[0.9fr_1.1fr] lg:items-start">
<div>
<p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">What that changes</p>
<h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Less handoff. More useful work.</h2>
</div>
<div class="divide-y divide-white/10 text-lg leading-8 text-gray-300">
<div class="pb-8">
<h3 class="heading text-3xl font-semibold tracking-tighter text-white">Senior attention from day one</h3>
<p class="mt-4">You are not briefed through a sales layer and passed down a chain. The person scoping the work is the person building it.</p>
</div>
<div class="py-8">
<h3 class="heading text-3xl font-semibold tracking-tighter text-white">Built for real business use</h3>
<p class="mt-4">After Dark Labs has shipped 20+ products for businesses around the country, from marketing sites to ecommerce, SaaS, booking flows, and mobile app experiences.</p>
</div>
<div class="pt-8">
<h3 class="heading text-3xl font-semibold tracking-tighter text-white">Lean by design</h3>
<p class="mt-4">No agency overhead means less drag, clearer communication, and more of the budget going into the work that actually moves the business forward.</p>
</div>
</div>
</div>
</section>
<section class="py-28 border-t border-b border-white/10 bg-zinc-950">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6 md:text-6xl">Work directly with Harrison on your next app or website.</h2>
<p class="text-gray-400 text-lg mb-10">Tell me what you are trying to build, fix, or launch. You will get a direct response and a practical path forward.</p>
<a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="inline-flex min-h-12 items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Contact After Dark Labs <span aria-hidden="true">→</span></a>
</div>
</section>
</main>
<footer class="bg-black py-16">
<div class="max-w-7xl mx-auto px-6 text-center">
<a href="index.html" class="inline-flex items-center justify-center gap-3 mb-6">
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-2xl">🌑</div>
<span class="heading text-3xl font-semibold tracking-tighter">After Dark Labs</span>
</a>
<p class="text-gray-500">© 2026 After Dark Labs • Fort Lauderdale, FL</p>
</div>
</footer>
</body>
</html>