Skip to content
Khaled Batt
All Work
№ 07Case Study
AIWebShipped

Designing and shipping my own portfolio with Claude Code

I'm a designer, not a developer. I designed this site and built it end to end with Claude Code, from layout and components to deployment on Vercel.

Year
2026
Role
Product Designer
Status
published
This Portfolio. I'm a designer, not a developer. I designed this site and built it end to end with Claude Code, from layout and components to deployment on Vercel.

The problem

Portfolio templates make every designer look the same, and handing a design to a developer means waiting. I wanted a site that shows how I think, and I wanted to ship it myself.

How I worked

I built the site with Claude Code section by section, reviewing each part in the browser and correcting spacing, type and responsiveness until it matched what I had in mind. Every decision stayed mine. AI did the building, I did the judging.

Results

750+ visitors and 1,400+ page views in the first two weeks. Reposted by UX Jobs to their 243,000 followers.

What I'm building next the same way

A MENA-focused job application tracker, a design system, a puzzle game and several landing pages, all in progress.

What’s next

Have a similar problem? Let’s talk.

If anything in this case study sounds like the kind of work you need shipped, get in touch. I’m available now and replies land within a day.

Start a conversation