How to Make a Portfolio in 2026: 8 Steps, What to Include by Role and a Case-Study Template

How to Make a Portfolio

Last updated: 12 November 2026

Short answer: to make a portfolio, pick the one role you're targeting, choose your 3–5 best projects, write each as a short case study (problem, what you did, tools, result), add a brief About and contact line, and publish it on a free platform such as GitHub Pages, Notion, Canva or Wix. Link it from your resume and LinkedIn. A simple portfolio with real numbers beats a fancy one with vague claims.
📱 Fastest route from resume to portfolio: send your resume to Day on WhatsApp (+91 90088 11889). Day, Weekday's free AI portfolio maker on WhatsApp, turns it into a better-designed, website-style portfolio you can show recruiters, then finds roles that fit and applies only to the ones you approve.
In this guide
  • The 8-step process
  • What to include by role (developer, designer, data analyst, marketer, writer, fresher)
  • Case-study template you can copy
  • About section and contact samples
  • Where to host it: platform options
  • Pre-launch checklist and common mistakes
Good to know (as of November 2026)
  • Recruiters spent about 7.4 seconds on a first resume scan in a well-known eye-tracking study, so your best project should be visible without scrolling.
  • 3–5 projects is enough for most roles; quality beats count.
  • Free hosting options include GitHub Pages (username.github.io, up to 1 GB), Notion public pages, Canva sites and Wix's free plan.
  • LinkedIn's headline allows 220 characters and the About section 2,600; use both to point to your portfolio.
  • Keep your resume to 1 page as a fresher and up to 2 pages with experience; the portfolio holds the detail.

Sources: Ladders eye-tracking study (2018); GitHub Pages documentation; LinkedIn Help.

Skip the blank page. Start from your resume.

Send your resume to Day, Weekday's free AI agent on WhatsApp. It turns it into a cleaner, website-style portfolio and finds jobs that fit, applying only when you say yes.

Say hi to Day on WhatsAppHow Day works →

The 8-step process

  1. Pick one target role. 'Frontend developer' or 'performance marketer', not 'anything in tech'. Every later choice follows from this.
  2. List everything you've done. Jobs, internships, college projects, freelance work, side projects, competitions. Aim for 10–15 items.
  3. Choose your best 3–5. Score each on relevance to the role, a measurable result, and whether you can show proof. Keep the top scorers.
  4. Gather proof. Screenshots, repo links, live URLs, dashboards, published articles, before/after numbers, client messages (with permission).
  5. Write each project as a case study. Use the template below. 120–300 words per project is plenty.
  6. Write the frame: a one-line headline, an About section of 80–120 words and a contact line.
  7. Publish on a platform that fits your role. See the platform table below.
  8. Distribute it. Add the link to your resume header, LinkedIn Featured and headline, email signature and job applications.

Worked example: picking projects with a simple score

ProjectRelevant to role (0–2)Has a result (0–2)Proof I can show (0–2)TotalKeep?
Sales dashboard for internship company22 (cut report time from 4 hrs to 20 min)2 (screenshots)6Yes
Kaggle Titanic notebook1023No
College fest budget tracker in Excel11 (tracked ₹3.2 lakh)24Yes, if space
SQL analysis of a public Indian rail dataset2125Yes
Online course capstone1012No

This candidate, a data analyst fresher, ends up with three solid projects. That's a complete portfolio.

What to include by role

RoleMust includeNice to haveBest format
Developer3–4 projects with live demo + GitHub repo + README; tech stack; one hard problem you solvedBlog post, open-source PRs, tests and CIGitHub Pages or a simple coded site
Designer (UI/UX)2–3 full case studies: research, wireframes, iterations, final UI, outcomeVisual explorations, design system workFramer, Behance or own site
Data analyst3 projects: question, data source, method, dashboard or notebook, business resultSQL snippets, a short write-up of one insightNotion, GitHub Pages or Tableau Public links
MarketerCampaigns with budget, channel, results (CPL, ROAS, CTR, signups), creativesContent samples, landing pages you builtWix, Canva or Notion
Writer6–10 published samples grouped by type; one-line context for eachBefore/after edits, SEO resultsNotion, Squarespace or a simple blog
Student / fresher2–3 academic or personal projects, internship work, one competition or volunteer projectCertificates (only relevant ones), short video walkthroughDay on WhatsApp, Canva or Notion

Want a ready comparison of tools? See the best AI portfolio makers for 2026. If you'd rather start from what you already have, you can turn your resume into a portfolio with Day on WhatsApp and then edit.

Case-study template (copy this)

Every project should answer five questions in this order. Recruiters skim, so lead with the result.

Template: case study

PROJECT TITLE: [What it is, in plain words]
ONE-LINE RESULT: [The number that matters]

THE PROBLEM
[1–2 lines: who had the problem and why it mattered]

MY ROLE
[Solo / team of X. What you owned.]

WHAT I DID
• [Step 1, with the decision you made]
• [Step 2]
• [Step 3]

TOOLS
[Tool, tool, tool]

RESULT
[Number + time period + what changed]

WHAT I'D DO NEXT
[1 line: shows judgment]

LINKS
[Live demo] [Repo / file] [Screenshots]

Example: data analyst case study

PROJECT TITLE: Inventory dashboard for a 40-store retail chain
ONE-LINE RESULT: Dead stock down 18% (about ₹9 lakh) in two quarters

THE PROBLEM
Store managers found slow-moving stock only at quarter-end, when discounts were the only option.

MY ROLE
Solo analyst, with input from the supply-chain lead.

WHAT I DID
• Pulled 14 months of sales and stock data from the POS database with SQL
• Defined 'slow-moving' as under 2 units a week for 4 weeks, agreed with store ops
• Built a Power BI dashboard with weekly alerts by store and category

TOOLS
SQL, Power BI, Excel

RESULT
Dead stock fell 18% across two quarters; the report now runs every Monday.

WHAT I'D DO NEXT
Add a simple demand forecast so reorders adjust automatically.

Example: developer case study

PROJECT TITLE: Faster checkout for a college canteen app
ONE-LINE RESULT: Average order time down from 3 min to 50 sec

THE PROBLEM
Lunch queues were 20 minutes long; students skipped meals.

MY ROLE
Frontend lead in a team of 3.

WHAT I DID
• Interviewed 25 students to find the slowest steps
• Cut checkout from 5 screens to 2 and added saved favourites
• Built it in React with a Node.js API; deployed on a free tier

TOOLS
React, Node.js, MongoDB

RESULT
800 students use it daily; average order time 50 seconds.

LINKS
Live demo · GitHub repo · 60-second video

About section and contact samples

About: developer (2 years)

I'm a frontend developer in Bengaluru with 2 years at a fintech startup. I build fast, accessible interfaces in React and TypeScript. My last project cut our loan application drop-off by 11%. I'm looking for product-focused frontend roles. Email me at name@email.com.

About: fresher switching field

Final-year B.Com student at Delhi University, moving into digital marketing. I ran Instagram and Meta ads for my college fest on a ₹15,000 budget and got 1,900 registrations, at about ₹8 per signup. I'm looking for a marketing associate role from June 2027.

Contact line

Contact: name@email.com · linkedin.com/in/yourname · Based in Pune, open to hybrid or remote
Resume: [Download PDF]

Portfolio examples by type (anonymised)

You don't need to copy anyone's site. Here are common shapes that work, described as archetypes.

ArchetypeStructureWhy it works
Frontend developerHeadline + 3 project cards (live demo, repo, 2-line result) + short AboutA recruiter can click a working demo in one tap
UX designer2 long case studies with research, sketches, iterations and outcomeShows thinking, not just final screens
Data analystDashboard gallery + one written insight per projectShows both tools and business sense
Performance marketerResults table (spend, CPL, ROAS) + creatives for each campaignNumbers first, visuals second
Content writerSamples grouped by format (blogs, landing pages, emails) with one-line contextEasy to find the type the editor needs
Career switcherShort 'why I switched' note + 2–3 projects in the new fieldAnswers the obvious question before it's asked

Where to host it: platform options

PlatformCost to startEffortBest for
Day on WhatsAppFreeLowest: send your resumeAnyone who wants a quick, clean portfolio from a resume
GitHub PagesFreeMedium (some code)Developers
NotionFreeLowWriters, PMs, data analysts, students
CanvaFree planLowFreshers, marketers, visual one-pagers
WixFree plan with brandingLow to mediumMarketers, non-coders who want a full site
FramerFree plan on subdomainMediumDesigners
Behance / DribbbleFreeLowDesigners, illustrators
SquarespacePaid (trial first)Low to mediumCreatives who want polished templates

Plans and limits change. Check each platform's current pricing before you buy a domain or a plan.

Pre-launch checklist

  1. The headline says your target role in one line.
  2. Your best project is visible without scrolling.
  3. Every project has a number in its first two lines.
  4. Every link works, including on mobile data.
  5. Screenshots are sharp and real, with private client data blurred.
  6. Job titles and dates match your resume exactly.
  7. Email and LinkedIn are at the top and bottom.
  8. The page loads in a few seconds on a phone.
  9. Spelling checked; read it aloud once.
  10. The link is on your resume, LinkedIn Featured and email signature.

Common mistakes and fixes

MistakeFix
Showing every project you've ever doneKeep the best 3–5
Only final screenshots, no storyAdd the problem, your decisions and the result
'Team project' with no role statedSay exactly what you owned
Confidential client work posted openlyBlur data, anonymise the client, or describe it without visuals
Portfolio built once and never updatedAdd or replace one project every 3 months
Skills list longer than the project listShow skills inside projects instead

When it's ready, pair it with a sharp resume (check yours with the free resume checker) and let Day, Weekday's AI job agent find roles where your portfolio will get looked at. For the Hinglish version of this guide, share portfolio kya hai aur kaise banate hain.

FAQs

How do I make a portfolio with no experience?

Use college projects, internships, competitions, volunteer work and self-started projects. Write each as a case study with the problem, what you did and a result. Two or three good ones are enough.

How do I make a portfolio for free?

Use GitHub Pages (developers), Notion, Canva's free plan, Wix's free plan, Behance, or send your resume to Day on WhatsApp for a free website-style portfolio.

What should a portfolio include?

A headline, 3–5 projects written as short case studies, proof (links, screenshots), a brief About section, your resume and a contact line.

How many projects should be in a portfolio?

Three to five for most roles. Designers often show two or three in-depth case studies instead.

Should my portfolio be a website or a PDF?

A website is easier to share and update. Keep a PDF version too for applications that only accept file uploads.

How long should each case study be?

About 120–300 words for most roles. Design case studies can be longer if they show research and iterations.

Can I show company work in my portfolio?

Only what isn't confidential. Blur data, anonymise client names, or describe the work without screenshots. Check your employment contract if unsure.

Where should I put my portfolio link?

In your resume header, LinkedIn Featured section and headline, email signature and in applications that ask for it.

How often should I update my portfolio?

Every 3 months, or whenever you finish a project with a clear result.

Do marketers and writers need a portfolio?

Yes. Campaign results and published samples are often the main thing a hiring manager looks at for these roles.

Latest Articles

Browse Articles
Use AI to find jobs and apply

Stop manually filling job applications. Use AI to auto-apply to jobs

Browse jobs now