Websites that actually work
Fast, original sites with sharp positioning, thoughtful conversion paths and a stack you can own.
- Marketing sites
- E-commerce
- Headless builds
AI-native product studio · Vancouver, BC
Build the thing your business keeps working around.
I use Claude and ChatGPT to turn bottlenecks into custom websites, dashboards, apps, automations and workflows—without an agency-sized process.
15+years building
for the web
for the web
AIClaude + ChatGPT
since the beginning
since the beginning
1:1senior builder
from idea to launch
from idea to launch
Built alongside the best models—not handed over to them.
Claude
ChatGPT
What I build
From “there has to be a better way” to a working product.
The right solution is often smaller than you think. I find the high-leverage part, build it cleanly, and connect it to the tools your business already uses.
Dashboards with decisions built in
Bring scattered data into one useful operating view—designed around the next action, not vanity charts.
- Operations
- Reporting
- Internal tools
Focused apps
Web apps and PWAs that solve a specific problem without enterprise bloat or an oversized roadmap.
- MVPs
- Customer portals
- Product prototypes
Automations & workflows
Remove repetitive handoffs and make the right process happen reliably—even when the day gets busy.
- AI agents
- API integrations
- Scheduled workflows
Selected work · 2026
Real products from the past year.
Consumer apps, live SaaS, e-commerce, client platforms and internal automation. These are working products and current builds—not portfolio mockups.
Featured case study · Finance operations
Finance Operations Control Centre
↗A production-minded operating layer for month-end close: bringing reconciliation status, exceptions, integration health and owner approval controls into one clear workspace while QuickBooks remains the system of record.
Read the case studyPDF · 5 pages ↗
Batch
↗Duolingo-style money and life-skills app for kids 8–12, with parent accounts, streaks and leaderboards.
Little Lamb Bible
↗Bible learning app for kids 5–10 with 105 custom illustrated scenes, streaks and sticker rewards.
reps.
↗Adult micro-learning PWA with 42 courses, 264 lessons and thousands of interactive cards.
Stack School
↗Gamified course platform with 226+ bite-size courses, XP, streaks, referrals and personalised learning.
Vancouver Camp Finder
↗Live SaaS helping BC parents find, compare and track summer-camp registration with verified data.
NutraWag
↗Our direct-to-consumer Canadian pet-supplement brand and storefront, built and operated end to end.
Case study
AI Site Factory
An internal system that researches a local business, generates brand and copy, builds a full site and prepares a Cloudflare launch—with human approval before irreversible actions.
Client build · launching soon
Ubiq World
Headless e-commerce for a Richmond trading-card wholesaler: a fast Next.js storefront with a WooCommerce back office on Cloudways.
Private operations
Regulatory Ops Pipeline
Access-gated product-development dashboard tracking formulations through Canadian regulatory screening, AI research and human approval gates.
Client feedback
Trusted when the details matter.
Long before AI changed how fast software could be built, the work was already grounded in clear communication, careful thinking and practical solutions.
John pairs meticulous detail with a solutions-driven mind. He’s always reachable, explains things clearly, and consistently delivers elegant fixes we hadn’t considered.
John turned our scattered ideas into a focused plan, spotting issues before they surfaced and proposing creative, budget-friendly solutions. Quick replies, zero drama.
Organised, inventive, and easy to talk to—John kept our project on track while crafting smart work-arounds that boosted conversions. We felt supported every step.
AI-assisted marketing
Build it. Grow it.
Keep it working.
A strong website is the start. I also build the marketing systems around it—so search, content, campaigns and customer follow-up improve together instead of becoming four separate jobs.
Plan a growth system
SEO built around opportunities—not busywork.
Technical audits, competitor research and content planning translated into a focused list of improvements your team can actually ship.
- Technical SEO
- Keyword & content gaps
- Rank and competitor tracking
AhrefsResearch, audits and measurement
Marketing workflows that run without constant nudging.
Turn recurring research, reporting and content maintenance into agent-powered workflows with clear review points and a useful audit trail.
- Recurring SEO reports
- Content refresh pipelines
- Research & monitoring agents
LetaidoAgent-powered marketing operations
Email campaigns connected to customer behaviour.
Design the segments, flows and campaign system behind timely, useful email—from first purchase through retention and re-engagement.
- Automated flows
- Segmentation & testing
- Campaign production
KlaviyoEmail, SMS and customer journeys
Campaign creative without starting from zero every time.
Build a repeatable visual-production workflow for brand-aligned concepts, product imagery, campaign variants and precise image edits.
- Campaign image systems
- Product & lifestyle concepts
- On-brand creative variants
OpenAI GPT ImageAdvanced generation and editing
ONE CONNECTED SYSTEM
- 01FindSearch opportunity
- 02CreateUseful content
- 03AutomateCampaign delivery
- 04MeasureLearn and improve
Platform marks identify tools used in delivery and remain trademarks of their respective owners.
AI, applied properly
AI is a power tool.
Not a strategy.
The real advantage comes from giving models the right context, skills, guardrails and review loops. I design the system around your work—then use Claude and ChatGPT to make it faster and smarter.
Explore an AI workflow ↗01
Business contextGoals, constraints, data, judgement
02
Claude + ChatGPTReasoning, drafting, synthesis, action
03ASkillsRepeatable expertise
03BAutomationsReliable execution
04
Useful outputReviewed, traceable, ready for the business
✓NOT “ADD A CHATBOT”
Build the workflow around where intelligence creates real leverage.
AI workflow studio
Describe the work.
See the workflow.
Try a realistic business task and watch it become a structured process—with AI doing the repetitive work and a human making the decision that matters.
Interactive simulation. Production workflows are connected to your actual tools, data and review rules.
Live workflow runReady when you are
WORKFLOW BRIEF
Collect, research and qualify new leads, then prepare the next action.
01Queued
Trigger
Every Friday · 9:00 AM
ScheduleActive
02Queued
Research & score
Enrich each lead and surface the best fit.
Claude
ChatGPT
03Queued
Human approval
Check the score, context and drafted action.
04Queued
Send & update CRM
Queue the follow-up and save the full activity trail.
GuardrailApproval required
AL
CURRENT LEADAcme Logistics
- Opportunity score
- —
- Pain point
- Waiting for research
- Next action
- Not started
Interactive simulation
Human review stays in the loop
How we work
Working prototype first.
Big promises later.
AI changes the speed, not the standard. You see real screens early, make decisions with something concrete in front of you, and stay close to the person building it.
Discover
A real conversation about your business and the friction worth fixing—not a 40-page brief.
Design
You see a working prototype in days: real pages and flows, not static mockups.
Build
AI-accelerated development, reviewed and tested by a senior developer at every step.
Ship & iterate
Launch, measure and improve—with clear ownership and automations that keep working.
The stack
Choose the right layer.
Don’t collect logos.
I build across modern product platforms and proven commerce systems. The choice follows the business—not the trend cycle.
VercelModern frontends
SupabaseData, auth & APIs
CloudflareEdge, DNS & workers
CloudwaysManaged hosting
WordPressContent & commerce
ShopifyE-commerceClaudeAgentic developmentChatGPTReasoning & automation
ALSO IN THE TOOLBOX
Next.js · Astro · React · Tailwind · Node.js · TypeScript · WooCommerce · REST & GraphQL APIs · GitHub · Stripe
Vancouver, Canada
“The best build is the one your team can understand, use and keep improving.”
John Haynes — Founder / Builder
Built by John
Senior attention,
without the agency relay race.
I’ve spent more than 15 years building for the web and have worked hands-on with Claude and ChatGPT since they arrived.
Today, I help business owners and startups shape fuzzy ideas into practical digital systems. That can mean a custom app, a better storefront, a dashboard that replaces five spreadsheets, or an AI workflow with the right skills and guardrails.
01Plain language
You always know what is being built and why.
02Practical scope
Start with the smallest useful version and earn complexity.
03Clear ownership
Your stack, data and operating knowledge stay yours.
A few useful answers
Before we talk.
Does AI-built mean lower quality?+
No. AI accelerates the repetitive parts; the architecture, code and final experience are reviewed and tested by a senior developer. You get the benefit of speed without handing judgement over to a model.
How fast can you launch?+
Focused landing sites can launch in days. Full web apps, dashboards and workflow systems typically take two to six weeks, depending on scope and integration complexity.
Who owns the code and content?+
You do: full source, your accounts, your domain and clear operating documentation. No platform lock-in created by Pacific Spirit.
Can you automate parts of my existing business?+
Yes—and that is often the best first AI project. Email triage, reporting, content pipelines, data entry and scheduled research can deliver a fast, measurable return.
Can you work with our current stack?+
Usually. I regularly work across Vercel, Supabase, Cloudflare, Cloudways, WordPress, WooCommerce and Shopify, and connect existing systems through APIs and scheduled workflows.
Have a stubborn workflow or a strong idea?
Let’s build the useful version.
Send the rough idea. It does not need to be a polished brief.