How I'd Build A Design Portfolio (If I Wanted To Get Hired)
▎LINKS & RESOURCES
Get the checklist I use to stress test portfolios: https://go.temploton.com/portfolio-tips-3-checklist
Explore my Framer template Lofi: https://go.temploton.com/lofi-portfolio-tips-3
Get the prompts used in this video: https://go.temploton.com/portfolio-tips-3-prompts
Get started with Framer for free: https://framer.link/devantaebison
My go-to site for design inspiration: https://mobbin.com/?via=taeonlinehd
Using some of the links above, I may receive a small commission at no extra cost to you. This is the easiest way to support me and helps me continue making content like this for you. Appreciate you!
▎VIDEO OVERVIEW
Most product designer portfolios lose recruiters before they ever see the work. After 8 years in big tech, watching talented designers get hired and ghosted, I rebuild a UX/UI design portfolio from scratch with Claude Design, the way recruiters actually scan one.
In this video, I cover how to design a portfolio hero section that works in four seconds, why a generic headline like "passionate about crafting user-centered experiences" gets ignored, putting your design work above the fold, the best portfolio layout for the work section, how to structure a case study page around the product, the problem, and the outcome, using a project gallery of real screens, linking to the full case study only for the people who want it, adding a next-project section to keep recruiters scrolling, and replacing the contact form with a one-tap copy-email button. You'll also see how AI design tools and AI prototyping can build a first draft of your portfolio website 10x faster than starting from a blank canvas, plus how to turn it into a Framer portfolio template you can launch in a day.
Whether you're a product designer, UX designer, UI designer, or a junior designer building your first portfolio, these portfolio tips will help you get seen, get interviews, and get hired.
▎CHAPTERS
0:00 Intro
0:15 Hero section
0:42 Fixing the hero
2:04 Work showcase
2:23 Fixing the showcase
3:09 Case studies
3:22 Fixing case studies
4:24 Contact
4:35 Fixing the contact section
5:24 Final comparison
6:23 Recap
Get the checklist I use to stress test portfolios: https://go.temploton.com/portfolio-tips-3-checklist
Explore my Framer template Lofi: https://go.temploton.com/lofi-portfolio-tips-3
Get the prompts used in this video: https://go.temploton.com/portfolio-tips-3-prompts
Get started with Framer for free: https://framer.link/devantaebison
My go-to site for design inspiration: https://mobbin.com/?via=taeonlinehd
Using some of the links above, I may receive a small commission at no extra cost to you. This is the easiest way to support me and helps me continue making content like this for you. Appreciate you!
▎VIDEO OVERVIEW
Most product designer portfolios lose recruiters before they ever see the work. After 8 years in big tech, watching talented designers get hired and ghosted, I rebuild a UX/UI design portfolio from scratch with Claude Design, the way recruiters actually scan one.
In this video, I cover how to design a portfolio hero section that works in four seconds, why a generic headline like "passionate about crafting user-centered experiences" gets ignored, putting your design work above the fold, the best portfolio layout for the work section, how to structure a case study page around the product, the problem, and the outcome, using a project gallery of real screens, linking to the full case study only for the people who want it, adding a next-project section to keep recruiters scrolling, and replacing the contact form with a one-tap copy-email button. You'll also see how AI design tools and AI prototyping can build a first draft of your portfolio website 10x faster than starting from a blank canvas, plus how to turn it into a Framer portfolio template you can launch in a day.
Whether you're a product designer, UX designer, UI designer, or a junior designer building your first portfolio, these portfolio tips will help you get seen, get interviews, and get hired.
▎CHAPTERS
0:00 Intro
0:15 Hero section
0:42 Fixing the hero
2:04 Work showcase
2:23 Fixing the showcase
3:09 Case studies
3:22 Fixing case studies
4:24 Contact
4:35 Fixing the contact section
5:24 Final comparison
6:23 Recap