Build a Portfolio Site

Start with a portfolio template

~5 min

Choose a portfolio template and customize the basics.

1. Go to framer.com and create a new project
2. Browse templates and filter by "Portfolio"
3. Choose one that matches your style (minimal, bold, creative)
4. The template comes with pre-built pages and CMS - you'll customize everything

Apply your branding

~15 min

Update colors, fonts, and content to match your personal brand.

1. Go to the Design panel and update your color palette
2. Choose 1-2 fonts: one for headings, one for body text
3. Replace the template's placeholder text with your own copy
4. Update the navigation links and page titles
5. Add your headshot to the about section

Add your projects to the CMS

~30 min

Use Framer's built-in CMS to add project case studies that auto-populate your grid.

1. Go to the CMS panel in Framer
2. The template should have a "Projects" collection - add your projects
3. For each project: add title, description, cover image, tags, and client name
4. Add 2-3 detail images per project
5. Write a brief case study for each: the problem, your approach, and the result
6. The project grid on your homepage auto-updates from the CMS

Add a contact form

~10 min

Add a contact form so potential clients can reach you.

1. Add Framer's built-in Form component to your contact section
2. Add fields: Name, Email, Message, and optionally Budget and Project Type
3. Set the form to email submissions to your inbox
4. Style the form to match your site's design
5. Test the form by submitting a test entry

Publish on your domain

~5 min

Publish your portfolio and connect your custom domain.

1. Set your meta title to "Your Name - Designer/Developer/Creator"
2. Add a compelling meta description for search results
3. Set your OG image (Framer can auto-generate one from your homepage)
4. Click Publish and connect your custom domain (yourname.com)
5. Share the link on LinkedIn, Twitter, and your email signature