Brief · Copy · Netlify
Foundation and First Launch
Get a real URL before you polish
Build the Portfolio Brief, choose the right starting tool, write the core copy, generate the first HTML site, embed the reel, deploy to Netlify, connect a domain, and create the update routine.
Worth knowing:The first win is not a perfect site. It is a working URL with your name, reel, projects, and contact path.
First-timersCreatives with no site yetAnyone switching niches
Start Module 1 →Taste · Case Study · Launch
Lovable Build
Turn the first site into a sharper product
Use references, Lovable, real content, domain setup, and iteration habits to move from a basic launch to a portfolio you can keep improving.
Worth knowing:Your references become build instructions. The better you describe taste, the less time you spend fixing generic layouts.
Creatives ready to improve the first launchFreelancers with more than one projectAnyone who needs a stronger case study page
Start Module 2 →References · System · Private Work
Design System and Galleries
Make the portfolio feel intentional
Read portfolios like a designer, gather references, extract a design system, build from it, personalize the result, and add password-protected client galleries.
Worth knowing:The design system is the guardrail. It stops every later update from drifting away from the work you want to be hired for.
Design-sensitive creativesPeople with confidential workAnyone tired of generic AI site output
Start Module 3 →CMS · SEO · Booking · Analytics
Client-Ready Portfolio
Turn the site into a working business surface
Write case studies, structure a Framer CMS, add SEO metadata, booking, private pages, and analytics so the portfolio supports real client conversations.
Worth knowing:A portfolio starts working when every case study has a next action: book, inquire, or open the right private page.
Freelancers pitching clientsCreatives with repeat case studiesAnyone moving from showcase to lead generation
Start Module 4 →Claude Code · Git · Vercel
Code Ownership
Own the files when platforms stop being enough
Use Claude Code, CLAUDE.md, Git, Vimeo oEmbed, filterable grids, Resend contact forms, and Vercel when the portfolio needs custom behavior or full code ownership.
Worth knowing:Code ownership is not the first step. It is the step you take when you can name the feature your platform cannot give you.
Advanced portfolio buildersCreatives with custom interaction needsAnyone ready to own the project files
Start Module 5 →