Graphic Design Portfolio Website: Pages, Cases, Checklist

By Umair Ali Sadaqat · Updated November 6, 2026 · Editorial policy

How to build a graphic design portfolio website: how many projects to show, the pages you need, a case-study template you can copy, and a launch checklist.

Short answer: A graphic design portfolio website needs 6 to 10 of your best projects, each presented as a short case study (problem, your role, process, result), plus four pages: Home, Work, About, and Contact. Lead with your strongest three projects, show only the kind of work you want more of, and make contact information impossible to miss. The template and checklist below cover the rest.

What a graphic design portfolio site actually needs

A portfolio has one job: help a stranger decide in a minute or two whether to email you. Everything on the site should serve that decision. Visitors are usually one of three people:

A client who wants to know if you can solve their kind of problem (branding, packaging, social, print).
A hiring manager or recruiter who wants evidence of taste, range, and how you work with others.
A collaborator or agency who needs to see your specialty fast.

Decide who your main reader is before you pick projects. A portfolio built for freelance brand clients looks different from one built for a junior in-house role.

How many projects to show

Aim for 6 to 10. Fewer than 6 can look thin unless each one is a deep case study. More than 10 usually means some pieces are diluting the best ones.

A simple way to decide what stays:

List every project you are proud of.
Mark the ones that match work you want more of. Cut the rest, even if they were paid.
Rank what is left by quality. Put the top three first.
Check for range inside your niche: for example, one logo system, one packaging piece, one editorial or campaign piece.
If two projects prove the same skill, keep the better one.

The pages to build

You can get far with four pages. Add the others only if you have real content for them.

Page	Purpose	What goes on it
Home	Orient the visitor in seconds	One-line statement of what you do, 3 to 6 featured projects, a clear contact link
Work (or Projects)	The full gallery	Thumbnails with project name and discipline, linking to each case study
Case study pages	Prove how you think	One page per project, built from the template below
About	Make you a person	Short bio, photo, skills or tools, services or availability
Contact	Remove friction	Email, form if you want one, links to your professional profiles

Optional extras: a Services page if you freelance, a Resume page if you are job hunting, and a short Process page if you do the same steps on every project.

Case-study structure template

Copy this outline for each project. Keep every section short. Most visitors skim, so use headings and images to carry the story.

The template

Project title and one-line summary. Client or project name, discipline, and year. Example: "Harbor Coffee Roasters, packaging and brand identity, 2025."
The brief. Two or three sentences on what the client needed and why. Name the constraint (budget, deadline, audience) if there was one.
Your role. What you did, and what others did if it was a team. Be precise: "Lead designer, with a copywriter and a printer" is more credible than "Designed everything."
Process. Three to five images or short captions: sketches, moodboards, early directions, and the reasoning behind the choice you made.
The final work. The largest, cleanest images on the page. Show the design in context with mockups or real photos of printed work.
The result. What changed, using only things you can state truthfully: the client launched it, it replaced an older identity, it is now on shelves, it was printed at a certain scale. If you do not have numbers, skip them. Do not invent metrics.
Next project link. Keep people moving through your work.

Example wording you can adapt

Brief: "The client, a small neighborhood bakery, wanted a logo and packaging that felt handmade but could be reproduced cheaply in one color."
Role: "I handled research, logo design, and the packaging system. The client wrote the product copy."
Process caption: "Three early directions. We dropped the script wordmark because it lost legibility at small sizes."
Result: "The new packaging launched in spring and is now used across all product lines."

Design the site so the work is the star

Keep navigation to four or five items. Home, Work, About, Contact is enough.
Use neutral backgrounds and generous space. Your projects carry the color. A busy template competes with them.
Pick one or two typefaces. As a designer, your own site is a typography sample. Keep it consistent and readable.
Make images large. Thumbnails should be crisp, and project pages should let key images fill the width.
Put your name and discipline at the top of the homepage. "Maya Chen, brand and packaging designer" beats a clever tagline nobody can parse.
Check it on a phone. Many visitors will open your link on mobile. Test the gallery, the menu, and the contact link.
Compress images. Heavy files slow pages down, which hurts both visitors and search visibility.

Step-by-step: from zero to published

Choose your focus and reader. One sentence: "I design [what] for [who]."
Select 6 to 10 projects using the filter above.
Write each case study from the template, starting with your best project.
Export web-ready images at the size they will display, and name files clearly.
Pick a builder and a layout that puts images first and has few distractions. If you want a starting point, the graphic designer website builder page and the AI designer portfolio template show what a ready-made layout looks like.
Build the four core pages and add your case studies.
Connect a domain that uses your name.
Proof everything, then ask a friend or former colleague to find your email address on the site. If they struggle, fix the contact page.
Publish, then share the link in your email signature, resume, and professional profiles.

If you are comparing tools, We.Inc's free plan lets you publish up to three sites from ready-made templates; the AI builder that drafts a site from a prompt starts on the Starter plan at $20 a month. You can sign up here. If you are leaving another portfolio platform, see this list of Portfoliobox alternatives.

Launch checklist

Copy this and tick items off before you share the link.

Content

[ ] 6 to 10 projects, strongest three first
[ ] Every project has a brief, your role, process, final work, and outcome
[ ] Student, personal, and concept projects are labeled honestly
[ ] No client work shown that you are not allowed to share
[ ] About page has a photo, a short bio, and what you are available for
[ ] Email address is visible on the Contact page and in the footer

Design

[ ] Navigation has five items or fewer
[ ] One or two typefaces used consistently
[ ] Text is readable against its background
[ ] Images are large, sharp, and consistently sized in the gallery
[ ] Every image has descriptive alt text

Technical

[ ] Looks right on phone, tablet, and desktop
[ ] Images compressed; pages load quickly
[ ] All links work, including the "next project" links
[ ] Page titles and descriptions are set for the homepage and each project
[ ] Custom domain connected and the site loads over HTTPS
[ ] Social preview image set so shared links look good

After launch

[ ] Link added to your email signature, resume, and professional profiles
[ ] A reminder set to review the portfolio every few months and swap in new work

Common mistakes to avoid

Showing everything you have ever made. Curation is part of the skill you are demonstrating.
Images with no context. A beautiful mockup without a brief tells the visitor nothing about your thinking.
Hiding the contact link. If it takes more than one click, you lose inquiries.
Claiming results you cannot support. Describe what happened accurately. A truthful, modest outcome is more credible than a vague big claim.
Never updating it. Replace older pieces with stronger recent ones.

Where to go next

Once the site is live, the same portfolio can support a freelance business. These guides cover the next steps: how to get web design clients and how to grow a web design business both apply to designers who start offering websites alongside graphics.

Frequently asked questions

How many projects should a graphic design portfolio website have?

Aim for 6 to 10 projects, with the strongest two or three leading the page. There is no official number. What matters is that every project earns its place and that the set shows the kind of work you want to be hired for. If a piece is weaker than the rest, cut it. A tight set reads as better judgment than a long one.

Do I need a custom domain for a graphic design portfolio?

It is not required, but a domain made of your name (yourname.com or yourname.design) looks more professional on a resume and email signature, and it stays with you if you change platforms. Check availability and renewal pricing with your registrar before you buy, since prices vary.

Should I show finished designs only, or process work too?

Show both, in proportion. Lead each project with the finished result, then add a short look at sketches, drafts, or alternatives you rejected. Process shows how you think, which matters most for in-house and agency roles. For a quick-scan browsing page, keep the process on the project page, not the homepage.

Can I include student, personal, or concept projects?

Yes, if you are early in your career. Label them honestly as a student project, personal project, or concept so no one mistakes them for client work. Briefs you wrote for yourself are fine as long as you state the problem and constraints clearly. Replace them with real client work as you get it.

What file formats and image sizes should I use for portfolio images?

Export web-ready images, usually JPEG or WebP for photographic mockups and PNG or SVG for flat graphics and logos. Resize them to the width they will display at, and compress them so pages load quickly. Keep a high-resolution PDF version of your portfolio separately for email applications.

Is a portfolio website better than a PDF portfolio?

They do different jobs. A website is easy to share by link, gets found in search, and can be updated at any time. A PDF is useful when an application specifically asks for an attachment. Most designers keep both, with the website as the main one and a PDF cut from the same projects.

Website builders for the businesses in this article

Alternatives mentioned in this article

Portfoliobox alternatives

Related guides and tools

Start building

How we research, test and update this page: our editorial policy. We.Inc is our own product.