How to make a portfolio: step by step, with examples by profession
Key takeaways
- A portfolio proves what your resume claims: 3–6 of your best projects, each with the context, your role, the process and the result.
- Build it backwards from the job or client you want: pick the work that proves the skills they ask for, not everything you’ve ever made.
- A website works best as your main portfolio (one link, always current, easy to read on a phone); keep a PDF version for applications that only accept file uploads.
Short answer: to make a portfolio, pick 3–6 projects that prove you can do the job you want, write a short case study for each one (the problem, your role, the process and the result), add a brief intro and a clear way to contact you, and publish it somewhere you can share with a single link: a portfolio website, a PDF or a platform profile. This guide covers each step, the format that fits your field and examples by profession.
1What a portfolio is for
A portfolio is a curated collection of your work that proves your skills: projects, samples, case studies and results. Your resume says what you’ve done; your portfolio shows it. That’s why it isn’t just for designers: developers, writers, marketers, architects, teachers and consultants all have work they can show. And today almost every portfolio is a digital portfolio: a website, a PDF or a profile on a platform. If you’re still unsure how it differs from a resume, read resume vs portfolio: are they the same?
2What to include in a portfolio
Whatever your field, a strong portfolio is made of the same building blocks:
- A headline and a short intro: who you are, what you do and what kind of role or work you’re looking for.
- Your best 3–6 projects. Quality beats quantity: people remember your strongest piece, and your weakest one too.
- A case study for each project: the brief or problem, your specific role (especially in team projects), how you approached it and the result, with numbers when you have them.
- Visuals that fit your work: screenshots, photos, sketches, code snippets, links to the live thing.
- Skills and tools, briefly: the proof is in the projects.
- Testimonials or recommendations from clients, managers or teachers.
- An about section with a photo, plus your resume as a download if you’re job hunting.
- A clear call to action: email, contact form or booking link, at the top and at the end.
- What to leave out: work you can’t explain, confidential client material you don’t have permission to share (anonymize it or ask first) and five versions of the same kind of project.
3How to make a portfolio for a job, step by step
A portfolio for a job application has one goal: making the hiring manager think “this person can do what we need”. So build it backwards, starting from the role:
- 1. Read three to five job postings for the role you want and list the skills and tools that keep coming up.
- 2. Choose the projects that prove those skills. School, personal, volunteer and freelance work all count; spec work is fine if you label it as such.
- 3. Write a case study for each one: problem, role, process, result. Keep it skimmable, with a one-line summary at the top.
- 4. Pick your format (see the table below) and put it together: intro, projects, about, contact.
- 5. Ask someone in your field to review it, and check how it looks on a phone.
- 6. Share it: add the link to your resume header, your LinkedIn profile and the Website or Portfolio field of application forms.
- 7. Tailor it for each application: put the most relevant project first, and keep it up to date between job searches.
4How to make a portfolio for clients
If you freelance, your portfolio is also your sales page. Clients care less about your career history and more about whether you can solve their problem, so the structure changes:
- Organize your work by service or industry, so a client finds similar projects fast.
- Lead with results for past clients: what changed after you did the job.
- List your services, with starting prices if you’re comfortable sharing them.
- Add testimonials and the logos of clients you’ve worked with (with their permission).
- End every page with one clear next step: book a call, request a quote or send a message. More ideas in Folioss for freelancers.
5PDF, website or platform: which portfolio format?
You can make a portfolio in three formats, and many people end up using two. Here’s how they compare:
| PDF portfolio | Portfolio website | Platform profile | |
|---|---|---|---|
| Made with | Design tools like Canva, InDesign or Google Slides | Code, a website builder or a portfolio tool | Behance, Dribbble, GitHub and similar communities |
| How you share it | As an attachment or an upload | One link | A link to your profile |
| Updating it | Export and send the file again | Edit once; the link always shows the latest version | Upload new work to the platform |
| Strengths | Works offline and in upload-only forms; full control over the layout | Your own brand, video and live demos, a contact form, visit analytics | A built-in audience and a quick setup |
| Weak spots | Heavy files, no way to know if it was opened, goes out of date | Needs some setup and upkeep | You share the page with thousands of other profiles, under the platform’s brand |
| Best for | Applications that only accept files; printed reviews | Your main portfolio, for jobs and clients | Being discovered in your community, as a complement |
- Job hunting: a portfolio website as your main piece, plus a lighter PDF for forms that only take uploads.
- Freelancing: a website under your own name, with your platform profiles sending traffic to it.
- On a budget: you can make a portfolio website for free. Developers can host one on GitHub Pages; everyone else can start with a tool that has a free plan. With Folioss, the AI builds a first draft from your resume and you add the projects: see how to make an online portfolio.
6Portfolio examples by profession
The building blocks are the same everywhere, but what goes first depends on your field. This is what a strong portfolio leads with:
- Graphic and UX/UI designers: three to five case studies with the brief, sketches or wireframes, the final design and what it achieved. See portfolio websites for designers.
- Developers: projects with the problem, the stack and links to the repo and a live demo. A short, README-style explanation beats a wall of screenshots. See Folioss for developers.
- Photographers: a tight edit of your strongest images, grouped by type of shoot (portraits, weddings, product), plus your rates and contact details. See Folioss for photographers.
- Artists and illustrators: series rather than scattered pieces, with medium, size and year, and a short artist statement.
- Writers and marketers: published clips and campaigns with links and results, grouped by topic or client.
- Architects: selected projects with drawings, renderings or photos, and your role in each one.
- Students and career changers: class, personal and volunteer projects that match the job you want. See Folioss for job seekers.
7The bottom line
A portfolio doesn’t need to be big; it needs to be convincing: a few well-explained projects, aimed at the job or client you want, on a page you can share with one link. And you don’t have to start from a blank page: turn your resume into a website, add your projects and publish your online portfolio for free.
Frequently asked questions
What should a portfolio include for a job?
Three to six projects that match the role, each with the problem, your role, your process and the result; a short intro; your skills; and your contact details. Add your resume as a download so the recruiter has everything in one place.
How many projects should be in a portfolio?
Usually three to six: enough to show range, few enough that every one is strong. If you have more, keep them in a separate archive and put the most relevant project first for each application.
How do I make a portfolio with no experience?
Use the work you’ve done outside a job: class projects, personal projects, volunteering, hackathons, redesigns or spec work (labeled as such). Explain your thinking in each one: for an entry-level role, how you approach a problem matters as much as the result.
Can I make a portfolio website for free?
Yes. Developers can host a portfolio on GitHub Pages, and several portfolio tools have free plans. With Folioss, the free plan includes one Folio at folioss.com/@yourname with a Folioss watermark, and the AI builds the first draft from your resume; galleries, video and your own domain come with the paid plans.
Should my portfolio be a PDF or a website?
Both have a job. A website is easier to share, always up to date and easy to read on a phone, so make it your main portfolio. Keep a PDF for applications that only accept file uploads, and put your website link inside it.
How do I add my portfolio to my resume?
As a link, not as extra pages. Put it in your resume header next to your email and LinkedIn, make it clickable in the PDF and keep it short enough to type if the resume gets printed.
Create your free Folio in minutes
Your online resume, your portfolio and your link in bio in one page with your link.