Jameson Campbell - Portfolio, Writing, and Resources

A modern portfolio showcasing internal tools engineering, AI productivity projects, thought leadership through detailed case studies and frameworks, and focused resource pages for workflow design and operations systems.

🌐 Live Site

Visit the live site at: jamesoncodes.github.io

🎯 Purpose

This website establishes credibility as a builder of internal tools and AI-enabled systems who connects business pain points to technical solutions. It demonstrates both technical execution and strategic thinking through project case studies, actionable frameworks, and shareable resource pages designed to turn workflow friction into clearer systems.

Positioning: Sales Operations Manager & Internal Tools Builder who bridges operations and engineering

🛠️ Tech Stack

• HTML5 - Semantic markup with accessibility focus
• Tailwind CSS (via CDN) - Utility-first styling with custom design system
• Vanilla JavaScript - Interactive features and animations
• GitHub Pages - Static hosting with custom domain support

🚀 Quick Start

Local Development

git clone https://github.com/JamesonCodes/JamesonCodes.github.io.git
cd JamesonCodes.github.io
open index.html  # or use a local server

Deployment

Automatically deployed via GitHub Pages from main branch:

git add .
git commit -m "feat: your changes"
git push origin main

Changes are live at https://jamesoncodes.github.io within minutes.

📁 Project Structure

/
├── index.html                     # Main portfolio site
├── workflow-friction-audit.html   # Standalone resource landing page
├── llm.html                       # Human-readable LLM/site index
├── llms.txt                       # Plain-text LLM/site index
├── styles.css                     # Custom CSS
├── script.js                      # JavaScript functionality
├── articles/                      # Blog posts and case studies
├── assets/                        # Images, diagrams, logos, and resources
│   ├── projects/                  # Theme-aware screenshots
│   ├── diagrams/                  # Architecture diagrams
│   ├── og/                        # Open Graph images
│   ├── logos/                     # Brand logos
│   └── resources/                 # Downloadable resource files
├── sitemap.xml                    # SEO sitemap
└── robots.txt                     # Search engine config

✨ Features

• Responsive Design - Mobile-first with dark mode support
• Theme-Aware Images - Automatic dark/light mode switching
• Interactive Gallery - Full-screen modals with keyboard navigation
• Resource Landing Pages - Dedicated pages for downloadable frameworks and lead magnets
• SEO Optimized - XML sitemap, Open Graph tags, meta tags
• LLM Discoverability - llm.html and llms.txt indexes for humans and AI systems
• Performance Focused - Debounced events, lazy loading, minimal dependencies

📝 Published Content

Resources

1. Workflow Friction Audit - Free 30-minute workflow audit template for Ops teams to identify repeated, painful workflows before building automations, internal tools, or AI agents

Articles

1. 🌅 Building Semantic Search for 100k+ Creative Assets - AI-powered semantic search system (Next.js, FastAPI, Vertex AI, Pinecone)

2. 🧠 Why Every Company Needs an Internal Tools Builder - Strategic framework on the emerging Internal Tools Builder role

3. ⚙️ Transforming HubSpot Services into Productized Offerings - Complete productization methodology with real implementation

4. 🎯 Designing Customer Experience Systems - 5-step quarterly framework for CX optimization

5. 🏋️‍♂️ Behind the Scenes: The Trials and Triumphs of Creating Fitness Apps - Startup journey from zero to #13 top-grossing Health & Fitness app

📄 License

MIT License - Feel free to use this as inspiration for your own portfolio!

---

Built with precision by Jameson Campbell
Bridging operations and engineering through thoughtful tooling