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
Live Site llonandes.online

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 platform product leader with nearly three 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, Then Removed
Shipped an "Ask Lloyd" assistant on the Anthropic Claude API with SSE streaming, then cut it. A security review found the endpoint had no auth and no rate limiting: anyone could run up the API bill. Removing it was cheaper than hardening it.
๐Ÿ“„
Deep Case Studies
Twelve 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 as static files.

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 chat widget was the one server-side component, a single Vercel function calling the Anthropic API over SSE. It didn't survive that test: an unauthenticated endpoint billing against my own API key was a standing liability, so I removed it rather than bolt on rate limiting. The site is now entirely static.

HTML / CSS / Vanilla JS Vercel (static) Claude Code (Sonnet 4.6) IntersectionObserver CSS Custom Properties localStorage
1 wk
Build Time
0
Frameworks Used
20
Pages Shipped
100%
Static

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