Portfolio Website

GuideUpdated October 27, 20268 min read

UndergraduateGraduateRecent graduate

A portfolio website is a small, quiet advantage. When a recruiter, lecturer or client wants to know whether you can do the work, a link is faster than a paragraph. It shows what you made, how you think and how you present yourself. For some fields, such as design, writing, development, photography and architecture, a portfolio is part of the application. In others, it is a bonus that helps you stand out. Either way, a simple, well-organized site beats a complicated one, and you can build one in a weekend.

Tools, prices and hosting terms change, so check current options. This guide avoids naming products or prices.

Decide whether you need one

A portfolio site makes the most sense if:

  • Your field values samples of work: design, writing, journalism, marketing, development, data, photography, film, architecture, music, research.
  • You have projects you can share.
  • You want a single place to point people to, instead of attachments.
  • You are applying to competitive internships or graduate programs where evidence helps.

If you do not have much to show yet, you can still create a simple "about me" site with projects from coursework, volunteering and personal initiatives. A single well-presented project is better than nothing.

What your portfolio is for

Know your audience.

  • Recruiters and hiring managers skim. They want clarity and relevance.
  • Admissions and scholarship committees want to see achievement and potential.
  • Clients want proof that you can solve their problem.
  • Peers and collaborators want to see your style and interests.

Write for the person you most want to reach, and make it easy for them to find what they need in under a minute.

Plan the structure

Keep it simple. A typical student portfolio includes:

  1. Home page: your name, a one-line statement of what you do, a short introduction and links to your best work.
  2. Work or projects page: thumbnails or titles of selected pieces, each linking to a detail page.
  3. Project detail pages: context, process and results for each piece.
  4. About page: your story, skills and interests, with a photo.
  5. Resume: a downloadable PDF and an optional web version.
  6. Contact: a professional email address and links to your professional profiles.

You can add a blog or news page if you will keep it updated, but an abandoned blog is worse than none.

Choose what to show

Select work that is relevant, recent and strong.

  • Target your goals. If you want to work in data, show data projects. If you want to design, show design work.
  • Quality over quantity. Three to six pieces is often enough.
  • Show range, but keep a theme. Different skills can be shown through different projects.
  • Include a mix: a coursework project, a personal project and, if possible, a real-world project with a client or team.
  • Remove weak work, even if you worked hard on it.
  • Order matters. Put your best and most relevant piece first.
  • Credit collaborators and describe your own role precisely.

If you have no client work, create realistic briefs: redesign a local business's website, write a policy brief, analyze a public dataset or produce a short film for a community group.

Write case studies, not just galleries

For each project, tell a short story.

  • Title and one-line summary.
  • The problem or brief: what you were asked to do and why it mattered.
  • Your role: what you did and what others did.
  • Process: key steps, decisions and tools. Include sketches, drafts or code snippets if they help.
  • Outcome: what you produced, what you learned and any results or feedback. Do not invent numbers.
  • Visuals: images, screenshots, short videos or documents that show the work.
  • Links: to live work, repositories or reports, where allowed.

Keep text concise, with headings and short paragraphs. Many viewers will skim.

Design and usability

You do not need a fancy design. You need a clear one.

  • Use a clean layout with plenty of white space.
  • Choose one or two fonts and keep them consistent.
  • Use a limited color palette.
  • Make navigation obvious: a simple menu with Home, Work, About, Contact.
  • Make it mobile friendly. Many recruiters will open the link on a phone. Test it at small screen sizes.
  • Keep pages fast. Compress images and avoid heavy animations.
  • Make text readable with good contrast and sensible sizes.
  • Check accessibility: add alt text to images, use headings correctly, ensure links are descriptive and make sure keyboard navigation works.
  • Test links and downloads.
  • Proofread carefully.

A tidy template is fine. Customize colors, fonts and content, but do not fight the tool.

Domains, hosting and builders

You have several routes.

  • Website builders offer templates and easy editing, with free and paid plans.
  • Portfolio platforms designed for creative fields provide simple pages and a community.
  • Static site tools and code-hosting pages suit developers who want control.
  • University-provided hosting may be available. Check what happens when you graduate.

Consider:

  • Custom domain: a simple name, such as your name with a common ending, looks professional. Check annual costs and renewal terms, and make sure you own the domain registration.
  • Email on your domain can look professional, but a plain, professional address from a reliable provider is fine.
  • Free tiers may show ads or limit features.
  • Exporting your content: make sure you can move your site if you change platforms.
  • Backups: keep copies of images and text.

Avoid unnecessary spending until you know you will use the site.

Privacy, copyright and permissions

  • Do not share confidential work. If an internship or client project is private, ask permission or describe it without sensitive details.
  • Check permissions for group work and for people appearing in photos or videos.
  • Respect copyright. Only use images, fonts, music and code you have rights to. Credit sources. Our creator economy section covers copyright and fair use basics.
  • Protect your personal information. You do not need to publish your home address or phone number. Use a contact form or email.
  • Check what your university allows if projects were assessed or involve research participants.
  • Think about safety. Our digital safety section explains how to limit what your public profile reveals.
  • Be mindful of academic integrity. If your work is assessed, check whether publishing it could conflict with rules or allow others to copy it.

Make it findable and shareable

  • Choose a clear page title and description that includes your name and field.
  • Add your link to your resume, LinkedIn profile, email signature and professional bios.
  • Use consistent names and photos across profiles.
  • Share new projects with a short post or message.
  • Mention it in applications with a sentence that tells readers what they will find.
  • Track visits only if you are comfortable, with privacy-friendly tools, and do not over-focus on numbers.

Keep it fresh

  • Review it each term.
  • Add new work and remove outdated pieces.
  • Update your resume and contact information.
  • Check that links still work.
  • Ask a friend or mentor for feedback.
  • Archive old versions.

A site that was last updated three years ago can signal low engagement.

A weekend build plan

Saturday morning: choose your goal and audience, list your projects and pick three to six.

Saturday afternoon: write short case studies and gather images.

Sunday morning: choose a template, build the pages and upload content.

Sunday afternoon: test on phone and laptop, proofread, ask a friend to review and publish.

You can improve it over time.

A note on time and expectations

A first version is better than a perfect version that never launches. Aim for a simple site that you can improve each term. If you feel stuck, publish one project page and your contact details, then add the rest gradually. Visitors care more about clear evidence of skill than about elaborate design.

Common mistakes

  • Showing too much work.
  • Including weak or irrelevant pieces.
  • No context for projects.
  • Overdesigned sites that are slow or confusing.
  • Ignoring mobile users.
  • Using copyrighted material without permission.
  • Leaving the site outdated.

A quick checklist

  • Is my goal clear and my audience in mind?
  • Do I show a few strong, relevant projects?
  • Does each project explain the problem, my role and the result?
  • Is the site clean, readable and mobile friendly?
  • Have I checked privacy and copyright?
  • Do I have a plan to keep it updated?

Final thoughts

A portfolio website is a calm, controlled space where your work can speak. Choose your best pieces, explain them clearly and keep the design simple. Test it on a phone, protect privacy and copyright and keep it updated. A small, well-made portfolio can open doors that a long list of claims cannot.

Frequently asked questions

Do I need a portfolio website?

Creative, technical and writing fields often expect one. For other fields, it is optional but can still show projects and personality.

What should be on it?

A short introduction, a few strong projects with context, a resume, contact details and links to professional profiles.

How many projects should I show?

A small number of strong, relevant pieces is better than a long list. Three to six is a common range.

Do I need my own domain?

Not essential, but a simple custom address looks professional and is easy to share. Check costs and renewal terms.

How do I keep it up to date?

Review it each term, add new work and remove outdated or weak pieces.