2 min read
Portfolio Site
Build your personal portfolio with projects showcase.
What You’ll Build
A personal portfolio that:
- Introduces who you are
- Showcases your projects in a grid
- Has individual project pages
- Looks polished and professional
- Lives on your own domain (optional)
The most practical project for designers — you’ll actually use this.
Why This Project
Every designer needs a portfolio. This project teaches:
- Multi-page sites — Navigation between pages
- Content structure — Organizing projects and information
- Polish — Making it look professional
- Real deployment — Custom domains and production hosting
You’ll end up with something you can actually share with clients or employers.
Before You Start
Make sure you have:
- Claude Code installed and working
- Node.js installed
- Some projects to showcase (even 2-3 is fine)
- Brief descriptions and images for each project
The Steps
- Starting — Project setup and structure
- Home Page — Introduction and navigation
- Projects Grid — Showcase your work
- Project Pages — Individual project details
- Polish — Refinement and responsiveness
- Going Live — Deployment and custom domain
Design Decisions
Before starting, consider:
- Tone: Minimal? Bold? Playful?
- Content: What projects to feature?
- Photography: Do you have project images?
Don’t overthink it — you can always iterate.
If You Get Stuck
Portfolio sites involve design decisions. When stuck:
- Reference other portfolios — “Style it like [designer’s site]”
- Describe the feeling — “I want it to feel minimal but warm”
- Iterate — “That’s too busy, simplify it”
Let’s Start
cd ~/DesktopThen begin: Step 1: Starting →