Home  /  Case Studies  /  Interactive Portfolio

Interactive Portfolio: AI-Augmented Professional Profile

Role Builder / Product Designer
Built With Claude Sonnet 4.6
Timeline 1 Week ยท Feb 2026

A Resume Can't Answer Questions

A static resume or LinkedIn profile captures what happened โ€” it can't explain why it mattered, answer follow-up questions, or demonstrate how a candidate thinks in real time. For a senior payments leader with nearly two decades of context across global enterprises, early-stage fintechs, and AI product work, the traditional format was too limiting.

The challenge: build something that showcases both domain depth and modern technical fluency โ€” without months of development time and without a web dev team.

Built in a Week with Claude as Co-Pilot

Rather than hiring an agency or using a template platform, I built this entire portfolio site in one week using Claude Sonnet 4.6 as the primary development partner. Every section, animation, component, and the AI chat widget was designed and shipped through an iterative Claude Code workflow.

๐Ÿค–
AI Chat Widget
Live "Ask Lloyd" assistant powered by Anthropic Claude API with SSE streaming. Answers questions about experience, expertise, and background in real time.
๐Ÿ“„
Deep Case Studies
Six detailed case study pages with rich narrative, metrics, video demos, before/after comparisons, and strategic takeaways.
๐ŸŒ™
Polished UX
Light/dark theme toggle with localStorage persistence, scroll-triggered fade animations, fixed nav with active link highlighting, and full mobile responsiveness.
โšก
Zero Framework
Pure HTML, CSS, and vanilla JS. No build tools, no bundler, no framework. Deployed to Vercel with a Vercel serverless function for the AI backend.

Intentionally Simple, Intentionally Fast

The architecture decision was deliberate: no React, no Next.js, no package complexity. The constraint forced clarity โ€” every feature had to justify itself in plain HTML and CSS. The AI chat is the only server-side component, handled by a single Vercel edge function calling the Anthropic API over SSE.

HTML / CSS / Vanilla JS Anthropic Claude API SSE Streaming Vercel Claude Code (Sonnet 4.6) IntersectionObserver CSS Custom Properties localStorage
1 wk
Build Time
0
Frameworks Used
9+
Pages Shipped
Live
AI Chat Widget

This site is the proof of concept. A payments domain expert with AI fluency doesn't need a dev team to ship production-quality software. The line between "strategist" and "builder" has blurred โ€” and I'm on both sides of it.

← Back to Case Studies