Functional role
Lead designer · AI workflow
Scope
AI-assisted design
Team
Claude · Framer
Responsibility
Direction · Prompt design
Overview
This is the portfolio you’re looking at. I used Claude as a design collaborator to explore layout options, iterate on copy, build Framer components, and make structural decisions. I intentionally stepped back from doing the design myself to see how far the process could be pushed.
Problem
AI tools promise to accelerate design. This project tests that in practice, while also tackling a familiar challenge: designing for yourself.
Approach
Started with a content audit and competitor analysis, then redesigned mobile-first before adapting to tablet.
01
Prompting as design direction
Vague prompts got vague results. Once I added image references alongside descriptions, the output quality jumped - same principle as briefing a junior designer.
02
Keeping design ownership
The first output was generic. I asked Claude to interview me instead - found the right visual reference and restarted from there.
03
Knowing when to take over
Claude handled structure. I handled craft - most components needed redesigning to meet the bar.
The portfolio shipped as a live, production-ready site - built faster than any previous personal project. The experiment proved that AI accelerates the parts of design that slow you down: layout options, copy iteration, component scaffolding. But the judgment, the eye, and the decisions remained mine throughout.
Every output needed direction, critique, and often a redesign. That's the real finding - AI doesn't replace design thinking, it makes the cost of exploring ideas lower. And for a designer who struggles to design for themselves, that's exactly the tool that was missing.
AI as design co-pilot: what I actually kept
Designer
✦
Vision, constraints, & visual references
Designer
◈
Targeted brief with context, tone, and examples
Claude
⚡
Generates designs in Claude & Figma
Designer
◎
Refine the direction, push back, or ship it
Designer
✓
Supports with implementing design in Framer