patx/afterdarklabs
add shopify seo
Commit ae68474 · patx · 2026-05-20T11:59:25-04:00
Comments
No comments yet.
Diff
diff --git a/business-websites.html b/business-websites.html
index ca93547..5422b5e 100644
--- a/business-websites.html
+++ b/business-websites.html
@@ -175,6 +175,11 @@
<h2 class="heading text-2xl font-semibold tracking-tighter mb-3">Ecommerce Business Websites</h2>
<p class="text-gray-400">Storefronts, product pages, catalogs, checkout paths, and post-purchase touchpoints for businesses that sell online.</p>
</a>
+ <a href="shopify-stores.html" class="feature-link bg-zinc-900 border border-white/10 rounded-3xl p-8 block">
+ <i class="fas fa-bag-shopping text-[#ccff00] text-3xl mb-6"></i>
+ <h2 class="heading text-2xl font-semibold tracking-tighter mb-3">Shopify Stores</h2>
+ <p class="text-gray-400">Shopify store builds, theme customization, product and collection structure, checkout setup, SEO, performance, and launch cleanup.</p>
+ </a>
<a href="booking-website-for-business.html" class="feature-link bg-zinc-900 border border-white/10 rounded-3xl p-8 block">
<i class="fas fa-calendar-check text-[#ccff00] text-3xl mb-6"></i>
<h2 class="heading text-2xl font-semibold tracking-tighter mb-3">Booking Websites for Business</h2>
diff --git a/custom-web-development-ecommerce.html b/custom-web-development-ecommerce.html
index df0015a..aa0c552 100644
--- a/custom-web-development-ecommerce.html
+++ b/custom-web-development-ecommerce.html
@@ -93,6 +93,8 @@
<h2 class="heading text-3xl font-semibold tracking-tighter mb-5">Related website services</h2>
<div class="space-y-4">
<a href="business-websites.html" class="block text-gray-300 hover:text-[#ccff00]">Business website design and development</a>
+ <a href="shopify-stores.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify store design and development</a>
+ <a href="shopify-migration-optimization.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify migration and cleanup</a>
<a href="service-business-website-design.html" class="block text-gray-300 hover:text-[#ccff00]">Service business website design</a>
<a href="online-bookings-appointments-memberships.html" class="block text-gray-300 hover:text-[#ccff00]">Bookings, appointments, and memberships</a>
<a href="seo-performance-optimization.html" class="block text-gray-300 hover:text-[#ccff00]">SEO and performance optimization</a>
diff --git a/ecommerce-business-websites.html b/ecommerce-business-websites.html
index b4315cf..c6a844c 100644
--- a/ecommerce-business-websites.html
+++ b/ecommerce-business-websites.html
@@ -137,6 +137,8 @@
<aside class="border border-white/10 rounded-3xl p-8 bg-black">
<h2 class="heading text-3xl font-semibold tracking-tighter mb-5">Related website services</h2>
<div class="space-y-4">
+ <a href="shopify-stores.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify store design and development</a>
+ <a href="shopify-seo-optimization.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify SEO optimization</a>
<a href="custom-web-development-ecommerce.html" class="block text-gray-300 hover:text-[#ccff00]">Custom web development and ecommerce</a>
<a href="custom-business-website-development.html" class="block text-gray-300 hover:text-[#ccff00]">Custom business website development</a>
<a href="business-website-seo.html" class="block text-gray-300 hover:text-[#ccff00]">Business website SEO</a>
diff --git a/index.html b/index.html
index 0094e77..a810562 100644
--- a/index.html
+++ b/index.html
@@ -164,7 +164,7 @@
<h2 class="heading text-5xl font-semibold tracking-tighter mb-4">What We Build</h2>
<p class="text-gray-400">Custom website development and mobile app development for businesses that need useful, polished digital products.</p>
</div>
- <div class="grid md:grid-cols-2 gap-8">
+ <div class="grid gap-8 lg:grid-cols-3">
<div class="bg-zinc-900 border border-white/10 rounded-3xl p-10 card-hover">
<div class="w-14 h-14 bg-[#ccff00] text-black rounded-2xl flex items-center justify-center mb-8 text-3xl">📱</div>
<h3 class="text-3xl font-semibold mb-3"><a href="mobile-apps.html" class="inline-flex min-h-12 items-center hover:text-[#ccff00] transition-colors">Custom Mobile Apps</a></h3>
@@ -190,6 +190,18 @@
</ul>
<a href="business-websites.html" class="inline-flex min-h-12 items-center mt-8 text-[#ccff00] font-semibold hover:text-white transition-colors">Explore business websites →</a>
</div>
+ <div class="bg-zinc-900 border border-white/10 rounded-3xl p-10 card-hover">
+ <div class="w-14 h-14 bg-[#ccff00] text-black rounded-2xl flex items-center justify-center mb-8 text-3xl">🛒</div>
+ <h3 class="text-3xl font-semibold mb-3"><a href="shopify-stores.html" class="inline-flex min-h-12 items-center hover:text-[#ccff00] transition-colors">Shopify Stores</a></h3>
+ <p class="text-gray-400 mb-8">Shopify store builds and improvements for brands that need better product structure, polished theme customization, faster storefronts, checkout clarity, and search-ready content.</p>
+ <ul class="space-y-4 text-sm">
+ <li class="flex items-start gap-3"><i class="fas fa-check text-[#ccff00] mt-4"></i> <a href="shopify-store-design.html" class="inline-flex min-h-12 items-center hover:text-[#ccff00] transition-colors">Shopify storefront design and theme customization</a></li>
+ <li class="flex items-start gap-3"><i class="fas fa-check text-[#ccff00] mt-4"></i> <a href="shopify-stores.html" class="inline-flex min-h-12 items-center hover:text-[#ccff00] transition-colors">Product, collection, and checkout structure</a></li>
+ <li class="flex items-start gap-3"><i class="fas fa-check text-[#ccff00] mt-4"></i> <a href="shopify-seo-optimization.html" class="inline-flex min-h-12 items-center hover:text-[#ccff00] transition-colors">Shopify SEO, performance, and metadata</a></li>
+ <li class="flex items-start gap-3"><i class="fas fa-check text-[#ccff00] mt-4"></i> <a href="shopify-migration-optimization.html" class="inline-flex min-h-12 items-center hover:text-[#ccff00] transition-colors">Store migration, cleanup, and launch support</a></li>
+ </ul>
+ <a href="shopify-stores.html" class="inline-flex min-h-12 items-center mt-8 text-[#ccff00] font-semibold hover:text-white transition-colors">Explore Shopify stores →</a>
+ </div>
</div>
</div>
</section>
diff --git a/shopify-migration-optimization.html b/shopify-migration-optimization.html
new file mode 100644
index 0000000..21ce18d
--- /dev/null
+++ b/shopify-migration-optimization.html
@@ -0,0 +1,198 @@
+<!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>Shopify Migration and Store Optimization | After Dark Labs</title>
+ <meta name="description" content="Shopify migration and store optimization for existing stores, including product cleanup, redirects, theme improvements, apps, SEO, performance, and launch QA.">
+ <link rel="canonical" href="https://afterdarklabs.io/shopify-migration-optimization.html">
+ <meta property="og:title" content="Shopify Migration and Store Optimization | After Dark Labs">
+ <meta property="og:description" content="Move, clean up, or improve a Shopify store with product organization, redirects, theme cleanup, app review, SEO, performance, and launch QA.">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/shopify-migration-optimization.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Shopify Migration and Store Optimization | After Dark Labs">
+ <meta name="twitter:description" content="Move, clean up, or improve a Shopify store with product organization, redirects, theme cleanup, app review, SEO, performance, and launch QA.">
+ <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 type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Shopify migration and store optimization",
+ "serviceType": "Shopify migration and optimization",
+ "url": "https://afterdarklabs.io/shopify-migration-optimization.html",
+ "description": "Shopify migration and store optimization for existing stores, including product cleanup, redirects, theme improvements, apps, SEO, performance, and launch QA.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Shopify Stores",
+ "item": "https://afterdarklabs.io/shopify-stores.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Shopify Migration and Optimization",
+ "item": "https://afterdarklabs.io/shopify-migration-optimization.html"
+ }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "What should be checked during a Shopify migration?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "A Shopify migration should check products, collections, customer-facing content, redirects, navigation, checkout settings, shipping, taxes, payment setup, apps, analytics, metadata, and launch QA."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Can Shopify store optimization happen without a full rebuild?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Yes. Many Shopify stores can be improved without a full rebuild by cleaning up theme sections, product content, collections, apps, images, metadata, page speed, and conversion paths."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Do Shopify migrations need redirects?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Yes. Redirects are important when product, collection, page, blog, or platform URLs change. They help preserve customer paths and reduce broken links after launch."
+ }
+ }
+ ]
+ }
+ ]
+ }
+ </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 md:flex items-center gap-7 text-sm font-medium">
+ <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
+ <a href="websites.html" class="text-[#ccff00]">Websites</a>
+ <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
+ <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ </div>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ </div>
+ </nav>
+
+ <main>
+ <section class="page-hero pt-36 pb-24">
+ <div class="max-w-5xl mx-auto px-6">
+ <a href="shopify-stores.html" class="text-[#ccff00] font-semibold mb-5 inline-block">Shopify stores</a>
+ <h1 class="heading text-5xl md:text-7xl font-bold tracking-tighter leading-none mb-8">Shopify migration and cleanup without losing the buying path.</h1>
+ <p class="text-xl text-gray-300 max-w-3xl">Moving to Shopify or fixing an existing store requires more than copying products. URLs, collections, content, apps, checkout settings, analytics, and performance all need attention so shoppers can still find products and complete orders after launch.</p>
+ </div>
+ </section>
+
+ <section class="py-24 bg-zinc-950">
+ <div class="max-w-6xl mx-auto px-6 grid md:grid-cols-[1.2fr_0.8fr] gap-10">
+ <div>
+ <h2 class="heading text-4xl font-semibold tracking-tighter mb-6">What this includes</h2>
+ <p class="text-gray-300 leading-8 mb-8">A Shopify migration or optimization project starts by identifying what should stay, what should be cleaned up, and what could break during launch. The goal is a store that is easier to manage, faster to use, and clearer for search and shoppers.</p>
+ <ul class="space-y-4 text-gray-300">
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Product, collection, page, blog, customer-facing content, navigation, and media review</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> URL mapping, redirects, metadata cleanup, internal links, and launch search checks</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Theme cleanup, app review, image optimization, performance fixes, and mobile QA</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Checkout settings, shipping, taxes, payments, analytics, forms, emails, and launch support</li>
+ </ul>
+ </div>
+ <aside class="border border-white/10 rounded-3xl p-8 bg-black">
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-5">Related Shopify services</h2>
+ <div class="space-y-4">
+ <a href="shopify-stores.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify store development</a>
+ <a href="shopify-store-design.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify store design</a>
+ <a href="shopify-seo-optimization.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify SEO optimization</a>
+ <a href="ecommerce-business-websites.html" class="block text-gray-300 hover:text-[#ccff00]">Ecommerce business websites</a>
+ </div>
+ </aside>
+ </div>
+ </section>
+
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Preserve what customers and search engines use</h2>
+ <p class="leading-8">Existing product, collection, page, and blog URLs should be mapped before launch. Redirects, internal links, metadata, and navigation help reduce broken paths when a store changes structure.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Clean up the store without overcomplicating it</h2>
+ <p class="leading-8">Many stores slow down because old apps, unused sections, heavy images, and inconsistent product content accumulate over time. Cleanup should make the store easier for both shoppers and the team running it.</p>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-24 bg-zinc-950 border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6">
+ <h2 class="heading text-4xl md:text-5xl font-semibold tracking-tighter mb-10">Shopify migration FAQ</h2>
+ <div class="grid md:grid-cols-3 gap-6">
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">What should be checked?</h3>
+ <p class="text-gray-300 leading-8">Products, collections, content, redirects, navigation, checkout settings, shipping, taxes, payment setup, apps, analytics, metadata, and launch QA.</p>
+ </div>
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">Is a rebuild required?</h3>
+ <p class="text-gray-300 leading-8">Not always. Many stores can improve through theme cleanup, better product content, collections, apps, images, metadata, page speed, and conversion path fixes.</p>
+ </div>
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">Do migrations need redirects?</h3>
+ <p class="text-gray-300 leading-8">Yes. Redirects matter when product, collection, page, blog, or platform URLs change. They reduce broken links after launch.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-24 bg-black border-t border-white/10">
+ <div class="max-w-3xl mx-auto text-center px-6">
+ <h2 class="heading text-5xl font-bold tracking-tighter mb-6">Move or clean up Shopify with the store structure intact.</h2>
+ <p class="text-gray-400 text-lg mb-8">Plan redirects, catalog cleanup, theme improvements, apps, checkout, SEO, and launch checks together.</p>
+ <a href="index.html#contact" class="inline-flex items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Plan Shopify Cleanup <span>→</span></a>
+ </div>
+ </section>
+ </main>
+
+ <footer class="bg-black py-16 border-t border-white/10">
+ <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>
diff --git a/shopify-seo-optimization.html b/shopify-seo-optimization.html
new file mode 100644
index 0000000..2953e68
--- /dev/null
+++ b/shopify-seo-optimization.html
@@ -0,0 +1,199 @@
+<!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>Shopify SEO Optimization and Performance | After Dark Labs</title>
+ <meta name="description" content="Shopify SEO optimization for product pages, collections, metadata, internal links, structured content, image handling, performance, and content cleanup.">
+ <link rel="canonical" href="https://afterdarklabs.io/shopify-seo-optimization.html">
+ <meta property="og:title" content="Shopify SEO Optimization and Performance | After Dark Labs">
+ <meta property="og:description" content="Improve Shopify SEO with stronger product copy, collection pages, metadata, internal links, content structure, image handling, and faster storefront behavior.">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/shopify-seo-optimization.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Shopify SEO Optimization and Performance | After Dark Labs">
+ <meta name="twitter:description" content="Improve Shopify SEO with stronger product copy, collection pages, metadata, internal links, content structure, image handling, and faster storefront behavior.">
+ <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 type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Shopify SEO optimization and performance",
+ "serviceType": "Shopify SEO optimization",
+ "url": "https://afterdarklabs.io/shopify-seo-optimization.html",
+ "description": "Shopify SEO optimization for product pages, collections, metadata, internal links, structured content, image handling, performance, and content cleanup.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Shopify Stores",
+ "item": "https://afterdarklabs.io/shopify-stores.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Shopify SEO Optimization",
+ "item": "https://afterdarklabs.io/shopify-seo-optimization.html"
+ }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "What does Shopify SEO include?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Shopify SEO can include product and collection metadata, search-focused copy, internal links, image alt text, content sections, technical cleanup, app review, page speed improvements, and launch or migration checks."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Do Shopify collection pages matter for SEO?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Yes. Shopify collection pages can target category-level searches and help shoppers compare products. They need useful copy, clear headings, internal links, filters, and product organization."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Can Shopify page speed affect sales?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Yes. Slow Shopify pages can make shoppers leave before comparing products or reaching checkout. Theme weight, app scripts, images, fonts, and unnecessary code can all affect storefront performance."
+ }
+ }
+ ]
+ }
+ ]
+ }
+ </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 md:flex items-center gap-7 text-sm font-medium">
+ <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
+ <a href="websites.html" class="text-[#ccff00]">Websites</a>
+ <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
+ <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ </div>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ </div>
+ </nav>
+
+ <main>
+ <section class="page-hero pt-36 pb-24">
+ <div class="max-w-5xl mx-auto px-6">
+ <a href="shopify-stores.html" class="text-[#ccff00] font-semibold mb-5 inline-block">Shopify stores</a>
+ <h1 class="heading text-5xl md:text-7xl font-bold tracking-tighter leading-none mb-8">Shopify SEO that gives products and collections a clearer job.</h1>
+ <p class="text-xl text-gray-300 max-w-3xl">Shopify SEO works best when the catalog is organized for both search engines and shoppers. We improve product pages, collection pages, metadata, internal links, image handling, performance, and content so the store is easier to discover and easier to understand.</p>
+ </div>
+ </section>
+
+ <section class="py-24 bg-zinc-950">
+ <div class="max-w-6xl mx-auto px-6 grid md:grid-cols-[1.2fr_0.8fr] gap-10">
+ <div>
+ <h2 class="heading text-4xl font-semibold tracking-tighter mb-6">What this includes</h2>
+ <p class="text-gray-300 leading-8 mb-8">Shopify SEO is not just filling out title tags. A store needs distinct collection targets, specific product descriptions, useful page sections, internal links, clean media, and technical choices that keep the shopping path fast.</p>
+ <ul class="space-y-4 text-gray-300">
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Product titles, descriptions, metadata, image alt text, FAQs, and structured page content</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Collection page copy, headings, internal links, filters, navigation, and category-level search targets</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Blog or guide content that supports buying questions, product education, and internal linking</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Theme, image, app, script, and performance review for faster storefront behavior</li>
+ </ul>
+ </div>
+ <aside class="border border-white/10 rounded-3xl p-8 bg-black">
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-5">Related Shopify services</h2>
+ <div class="space-y-4">
+ <a href="shopify-stores.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify store development</a>
+ <a href="shopify-store-design.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify store design</a>
+ <a href="shopify-migration-optimization.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify migration and cleanup</a>
+ <a href="business-website-seo.html" class="block text-gray-300 hover:text-[#ccff00]">Business website SEO</a>
+ <a href="seo-performance-optimization.html" class="block text-gray-300 hover:text-[#ccff00]">SEO and performance optimization</a>
+ </div>
+ </aside>
+ </div>
+ </section>
+
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Collections need more than product grids</h2>
+ <p class="leading-8">Collection pages often carry the best category-level opportunities. They should explain the product group, guide comparison, link to related categories, and still keep the path to product pages direct.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Performance is part of the search experience</h2>
+ <p class="leading-8">Shopify apps, heavy images, unused theme code, tracking scripts, and font choices can slow down important pages. Cleanup helps visitors compare products without waiting through every step.</p>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-24 bg-zinc-950 border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6">
+ <h2 class="heading text-4xl md:text-5xl font-semibold tracking-tighter mb-10">Shopify SEO FAQ</h2>
+ <div class="grid md:grid-cols-3 gap-6">
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">What does Shopify SEO include?</h3>
+ <p class="text-gray-300 leading-8">It can include metadata, product copy, collection copy, internal links, image alt text, content sections, technical cleanup, app review, speed work, and launch checks.</p>
+ </div>
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">Do collections matter?</h3>
+ <p class="text-gray-300 leading-8">Yes. Collection pages can target category searches and help shoppers compare products when they have useful copy, headings, internal links, filters, and organization.</p>
+ </div>
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">Can speed affect sales?</h3>
+ <p class="text-gray-300 leading-8">Yes. Slow pages can make shoppers leave before comparing products or reaching checkout. Theme weight, app scripts, images, fonts, and code all matter.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-24 bg-black border-t border-white/10">
+ <div class="max-w-3xl mx-auto text-center px-6">
+ <h2 class="heading text-5xl font-bold tracking-tighter mb-6">Give Shopify pages clearer search intent and faster shopping paths.</h2>
+ <p class="text-gray-400 text-lg mb-8">Improve product pages, collections, metadata, links, media, and storefront performance together.</p>
+ <a href="index.html#contact" class="inline-flex items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Improve Shopify SEO <span>→</span></a>
+ </div>
+ </section>
+ </main>
+
+ <footer class="bg-black py-16 border-t border-white/10">
+ <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>
diff --git a/shopify-store-design.html b/shopify-store-design.html
new file mode 100644
index 0000000..9d6d6ab
--- /dev/null
+++ b/shopify-store-design.html
@@ -0,0 +1,198 @@
+<!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>Shopify Store Design and Theme Customization | After Dark Labs</title>
+ <meta name="description" content="Shopify store design and theme customization for product pages, collections, navigation, merchandising, mobile UX, and conversion-focused storefronts.">
+ <link rel="canonical" href="https://afterdarklabs.io/shopify-store-design.html">
+ <meta property="og:title" content="Shopify Store Design and Theme Customization | After Dark Labs">
+ <meta property="og:description" content="Shopify storefront design for brands that need stronger product pages, collection templates, navigation, merchandising, and mobile shopping experiences.">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/shopify-store-design.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Shopify Store Design and Theme Customization | After Dark Labs">
+ <meta name="twitter:description" content="Shopify storefront design for brands that need stronger product pages, collection templates, navigation, merchandising, and mobile shopping experiences.">
+ <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 type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Shopify store design and theme customization",
+ "serviceType": "Shopify store design",
+ "url": "https://afterdarklabs.io/shopify-store-design.html",
+ "description": "Shopify store design and theme customization for product pages, collections, navigation, merchandising, mobile UX, and conversion-focused storefronts.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Shopify Stores",
+ "item": "https://afterdarklabs.io/shopify-stores.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Shopify Store Design",
+ "item": "https://afterdarklabs.io/shopify-store-design.html"
+ }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "What is Shopify theme customization?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Shopify theme customization adapts a Shopify theme to match the brand, catalog, product detail needs, collection structure, navigation, promotions, and mobile shopping behavior."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Can Shopify product pages be redesigned?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Yes. Shopify product pages can be redesigned with clearer image galleries, product details, variants, trust signals, FAQs, recommendations, reviews, bundles, and stronger calls to action."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Should Shopify design start with a theme or a custom build?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Most stores should start with a strong theme and customize the sections, templates, and styling around the brand and catalog. More complex stores may need custom sections or deeper theme development."
+ }
+ }
+ ]
+ }
+ ]
+ }
+ </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 md:flex items-center gap-7 text-sm font-medium">
+ <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
+ <a href="websites.html" class="text-[#ccff00]">Websites</a>
+ <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
+ <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ </div>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ </div>
+ </nav>
+
+ <main>
+ <section class="page-hero pt-36 pb-24">
+ <div class="max-w-5xl mx-auto px-6">
+ <a href="shopify-stores.html" class="text-[#ccff00] font-semibold mb-5 inline-block">Shopify stores</a>
+ <h1 class="heading text-5xl md:text-7xl font-bold tracking-tighter leading-none mb-8">Shopify storefront design that makes products easier to buy.</h1>
+ <p class="text-xl text-gray-300 max-w-3xl">A Shopify storefront has to do more than look branded. It needs to organize products clearly, make comparisons easier, support campaigns, work on mobile, and keep shoppers confident from collection page to checkout.</p>
+ </div>
+ </section>
+
+ <section class="py-24 bg-zinc-950">
+ <div class="max-w-6xl mx-auto px-6 grid md:grid-cols-[1.2fr_0.8fr] gap-10">
+ <div>
+ <h2 class="heading text-4xl font-semibold tracking-tighter mb-6">What this includes</h2>
+ <p class="text-gray-300 leading-8 mb-8">Shopify design work should match the way the catalog sells. We shape the theme around navigation, product detail depth, collection merchandising, promotion areas, and repeatable sections your team can update after launch.</p>
+ <ul class="space-y-4 text-gray-300">
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Shopify theme selection, customization, section planning, and brand styling</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Product page layouts for variants, images, benefits, specs, reviews, FAQs, and related products</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Collection pages, filters, navigation, featured products, bundles, and promotional areas</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Mobile shopping improvements, page sections, content blocks, and launch-ready QA</li>
+ </ul>
+ </div>
+ <aside class="border border-white/10 rounded-3xl p-8 bg-black">
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-5">Related Shopify services</h2>
+ <div class="space-y-4">
+ <a href="shopify-stores.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify store development</a>
+ <a href="shopify-seo-optimization.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify SEO optimization</a>
+ <a href="shopify-migration-optimization.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify migration and cleanup</a>
+ <a href="brand-positioning-creative-strategy.html" class="block text-gray-300 hover:text-[#ccff00]">Brand positioning and creative strategy</a>
+ </div>
+ </aside>
+ </div>
+ </section>
+
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Product pages with enough detail to decide</h2>
+ <p class="leading-8">A stronger product page gives shoppers the details they would otherwise hunt for: dimensions, materials, use cases, delivery notes, care instructions, compatibility, guarantees, reviews, and next-step options.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Collections that behave like sales pages</h2>
+ <p class="leading-8">Collection pages can do more than show a grid. Strong merchandising, filters, feature blocks, and internal links help shoppers understand the category and find the right product faster.</p>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-24 bg-zinc-950 border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6">
+ <h2 class="heading text-4xl md:text-5xl font-semibold tracking-tighter mb-10">Shopify design FAQ</h2>
+ <div class="grid md:grid-cols-3 gap-6">
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">What is theme customization?</h3>
+ <p class="text-gray-300 leading-8">It adapts a Shopify theme to match the brand, catalog, product detail needs, collection structure, navigation, promotions, and mobile shopping behavior.</p>
+ </div>
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">Can product pages be redesigned?</h3>
+ <p class="text-gray-300 leading-8">Yes. Product pages can be redesigned with clearer galleries, product details, variants, trust signals, FAQs, recommendations, reviews, bundles, and calls to action.</p>
+ </div>
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">Theme or custom build?</h3>
+ <p class="text-gray-300 leading-8">Most stores should start with a strong theme and customize sections, templates, and styling. Complex stores may need custom sections or deeper theme development.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-24 bg-black border-t border-white/10">
+ <div class="max-w-3xl mx-auto text-center px-6">
+ <h2 class="heading text-5xl font-bold tracking-tighter mb-6">Make the Shopify storefront match how customers actually shop.</h2>
+ <p class="text-gray-400 text-lg mb-8">Design product, collection, and campaign pages around the buying decision.</p>
+ <a href="index.html#contact" class="inline-flex items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Plan Shopify Design <span>→</span></a>
+ </div>
+ </section>
+ </main>
+
+ <footer class="bg-black py-16 border-t border-white/10">
+ <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>
diff --git a/shopify-stores.html b/shopify-stores.html
new file mode 100644
index 0000000..5565c05
--- /dev/null
+++ b/shopify-stores.html
@@ -0,0 +1,199 @@
+<!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>Shopify Store Design and Development | After Dark Labs</title>
+ <meta name="description" content="Shopify store design, development, SEO, performance, product structure, checkout setup, app integrations, and launch support for growing brands.">
+ <link rel="canonical" href="https://afterdarklabs.io/shopify-stores.html">
+ <meta property="og:title" content="Shopify Store Design and Development | After Dark Labs">
+ <meta property="og:description" content="Build or improve a Shopify store with clear product structure, polished theme customization, checkout setup, SEO, performance, and launch support.">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/shopify-stores.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Shopify Store Design and Development | After Dark Labs">
+ <meta name="twitter:description" content="Build or improve a Shopify store with clear product structure, polished theme customization, checkout setup, SEO, performance, and launch support.">
+ <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 type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Shopify store design and development",
+ "serviceType": "Shopify store development",
+ "url": "https://afterdarklabs.io/shopify-stores.html",
+ "description": "Shopify store design, development, SEO, performance, product structure, checkout setup, app integrations, and launch support for growing brands.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Websites",
+ "item": "https://afterdarklabs.io/websites.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Shopify Stores",
+ "item": "https://afterdarklabs.io/shopify-stores.html"
+ }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "What does a Shopify store build include?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "A Shopify store build can include theme customization, navigation, product and collection structure, checkout settings, app integrations, analytics, metadata, performance cleanup, and launch support."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Can an existing Shopify store be improved?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Yes. Existing Shopify stores can often be improved through theme cleanup, better product organization, collection merchandising, faster page behavior, clearer calls to action, app review, and stronger SEO foundations."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Does Shopify need SEO work?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Yes. Shopify handles some technical basics, but stores still need specific product copy, collection pages, metadata, internal links, content structure, image handling, and performance decisions to support organic search."
+ }
+ }
+ ]
+ }
+ ]
+ }
+ </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 md:flex items-center gap-7 text-sm font-medium">
+ <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
+ <a href="websites.html" class="text-[#ccff00]">Websites</a>
+ <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
+ <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ </div>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ </div>
+ </nav>
+
+ <main>
+ <section class="page-hero pt-36 pb-24">
+ <div class="max-w-5xl mx-auto px-6">
+ <a href="websites.html" class="text-[#ccff00] font-semibold mb-5 inline-block">Website services</a>
+ <h1 class="heading text-5xl md:text-7xl font-bold tracking-tighter leading-none mb-8">Shopify stores built around products, checkout, and search.</h1>
+ <p class="text-xl text-gray-300 max-w-3xl">After Dark Labs builds and improves Shopify stores for brands that need more than a theme install: clear product organization, stronger collection pages, practical app choices, faster storefronts, and SEO-ready content that helps shoppers move toward purchase.</p>
+ </div>
+ </section>
+
+ <section class="py-24 bg-zinc-950">
+ <div class="max-w-6xl mx-auto px-6 grid md:grid-cols-[1.2fr_0.8fr] gap-10">
+ <div>
+ <h2 class="heading text-4xl font-semibold tracking-tighter mb-6">What this includes</h2>
+ <p class="text-gray-300 leading-8 mb-8">A useful Shopify store starts with the catalog and the buying path. We plan how products, collections, navigation, page templates, checkout settings, apps, and search content work together before polishing the storefront.</p>
+ <ul class="space-y-4 text-gray-300">
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Shopify setup, theme customization, homepage, product templates, and collection templates</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Product architecture, collection logic, navigation, filters, merchandising, and cross-sell paths</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Checkout settings, shipping, taxes, payments, email capture, analytics, and app integrations</li>
+ <li class="flex gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> Shopify SEO, metadata, page speed cleanup, launch support, and post-launch improvements</li>
+ </ul>
+ </div>
+ <aside class="border border-white/10 rounded-3xl p-8 bg-black">
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-5">Related Shopify services</h2>
+ <div class="space-y-4">
+ <a href="shopify-store-design.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify store design</a>
+ <a href="shopify-seo-optimization.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify SEO optimization</a>
+ <a href="shopify-migration-optimization.html" class="block text-gray-300 hover:text-[#ccff00]">Shopify migration and cleanup</a>
+ <a href="ecommerce-business-websites.html" class="block text-gray-300 hover:text-[#ccff00]">Ecommerce business websites</a>
+ <a href="custom-web-development-ecommerce.html" class="block text-gray-300 hover:text-[#ccff00]">Custom web development and ecommerce</a>
+ </div>
+ </aside>
+ </div>
+ </section>
+
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Product structure before decoration</h2>
+ <p class="leading-8">A Shopify store gets easier to shop when collections, product options, descriptions, images, FAQs, badges, and related products are planned around how customers compare and decide.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">A storefront your team can operate</h2>
+ <p class="leading-8">The store should be manageable after launch. We keep sections, templates, apps, and content patterns practical so your team can add products, edit campaigns, and run promotions without fighting the build.</p>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-24 bg-zinc-950 border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6">
+ <h2 class="heading text-4xl md:text-5xl font-semibold tracking-tighter mb-10">Shopify store FAQ</h2>
+ <div class="grid md:grid-cols-3 gap-6">
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">What does a Shopify build include?</h3>
+ <p class="text-gray-300 leading-8">It can include theme customization, navigation, product and collection structure, checkout settings, app integrations, analytics, metadata, performance cleanup, and launch support.</p>
+ </div>
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">Can an existing store be improved?</h3>
+ <p class="text-gray-300 leading-8">Yes. Existing stores can often be improved through theme cleanup, better product organization, faster pages, clearer calls to action, app review, and stronger SEO foundations.</p>
+ </div>
+ <div class="border border-white/10 rounded-3xl p-7 bg-black">
+ <h3 class="text-xl font-semibold mb-3">Does Shopify need SEO work?</h3>
+ <p class="text-gray-300 leading-8">Yes. Stores still need specific product copy, collection pages, metadata, internal links, content structure, image handling, and performance decisions to support organic search.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-24 bg-black border-t border-white/10">
+ <div class="max-w-3xl mx-auto text-center px-6">
+ <h2 class="heading text-5xl font-bold tracking-tighter mb-6">Build a Shopify store that is easier to buy from and easier to manage.</h2>
+ <p class="text-gray-400 text-lg mb-8">Plan the catalog, storefront, checkout, SEO, apps, and launch path together.</p>
+ <a href="index.html#contact" class="inline-flex items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Start a Shopify Project <span>→</span></a>
+ </div>
+ </section>
+ </main>
+
+ <footer class="bg-black py-16 border-t border-white/10">
+ <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>
diff --git a/sitemap.xml b/sitemap.xml
index 9b9ba0b..c5b6f40 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -2,15 +2,15 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://afterdarklabs.io/</loc>
- <lastmod>2026-05-19</lastmod>
+ <lastmod>2026-05-20</lastmod>
</url>
<url>
<loc>https://afterdarklabs.io/websites.html</loc>
- <lastmod>2026-05-16</lastmod>
+ <lastmod>2026-05-20</lastmod>
</url>
<url>
<loc>https://afterdarklabs.io/business-websites.html</loc>
- <lastmod>2026-05-16</lastmod>
+ <lastmod>2026-05-20</lastmod>
</url>
<url>
<loc>https://afterdarklabs.io/service-business-website-design.html</loc>
@@ -30,7 +30,23 @@
</url>
<url>
<loc>https://afterdarklabs.io/ecommerce-business-websites.html</loc>
- <lastmod>2026-05-16</lastmod>
+ <lastmod>2026-05-20</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/shopify-stores.html</loc>
+ <lastmod>2026-05-20</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/shopify-store-design.html</loc>
+ <lastmod>2026-05-20</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/shopify-seo-optimization.html</loc>
+ <lastmod>2026-05-20</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/shopify-migration-optimization.html</loc>
+ <lastmod>2026-05-20</lastmod>
</url>
<url>
<loc>https://afterdarklabs.io/booking-website-for-business.html</loc>
@@ -50,7 +66,7 @@
</url>
<url>
<loc>https://afterdarklabs.io/custom-web-development-ecommerce.html</loc>
- <lastmod>2026-05-16</lastmod>
+ <lastmod>2026-05-20</lastmod>
</url>
<url>
<loc>https://afterdarklabs.io/online-bookings-appointments-memberships.html</loc>
diff --git a/websites.html b/websites.html
index 2f5c573..35eda56 100644
--- a/websites.html
+++ b/websites.html
@@ -108,6 +108,11 @@
<h2 class="heading text-3xl font-semibold tracking-tighter mb-3">Custom Web Development and E-commerce Solutions</h2>
<p class="text-gray-400">Purpose-built websites, storefronts, product catalogs, checkout flows, and business tools shaped around how your company actually sells.</p>
</a>
+ <a href="shopify-stores.html" class="feature-link bg-zinc-900 border border-white/10 rounded-3xl p-8 block">
+ <i class="fas fa-bag-shopping text-[#ccff00] text-3xl mb-6"></i>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-3">Shopify Store Design and Development</h2>
+ <p class="text-gray-400">Shopify storefronts with stronger product structure, theme customization, checkout setup, SEO, performance, apps, and launch support.</p>
+ </a>
<a href="online-bookings-appointments-memberships.html" class="feature-link bg-zinc-900 border border-white/10 rounded-3xl p-8 block">
<i class="fas fa-calendar-check text-[#ccff00] text-3xl mb-6"></i>
<h2 class="heading text-3xl font-semibold tracking-tighter mb-3">Online Bookings, Appointments, and Subscription Memberships</h2>