Build a portfolio before you have clients

Choose the skill you want someone to notice

Write the kind of work you want to do in one sentence. For example, create clear service pages for small businesses, photograph handmade objects or edit short instructional videos. Your first portfolio does not have to demonstrate every skill you might learn later.

Choose a small project that makes that skill visible. A complete, readable one-page example can be more informative than an unfinished collection of elaborate screens. Show a visitor what they are looking at and why it belongs in your portfolio.

The UK National Careers Service’s web-designer profile identifies a portfolio as a way to showcase creative design skills. It does not say that portfolio work must come from paying clients or promise employment from any particular format.

Use material you are allowed to publish

Create your own text, photos and illustrations where practical. For anything borrowed, check its licence and conditions for this specific use. A picture appearing in search results is not automatically free to copy.

WIPO’s copyright FAQ explains that works on the internet can still be protected. Relevant exceptions and rights vary by jurisdiction. Giving credit does not by itself replace permission where permission is required.

Keep a simple private record of sources and licences. Our image-permissions guide helps with that check. Do not add a real company’s logo merely to make a fictional project look more established.

If you use AI as an aid, describe its contribution when it matters to understanding your work. Do not present an automatically generated image as evidence of photography skill or a generated interface as proof that you built a functioning application.

Explain decisions rather than showing only a polished image

For each project, give a short brief, the part you did, a few important decisions and the final output. Use actual working sketches or clearly labelled explanatory diagrams. Let a reader understand why the result looks and behaves as it does.

Show the constraint that made the task interesting. Perhaps information had to remain readable on a narrow phone, or several product views needed consistent lighting. Describe the choice you made and what trade-off remained.

Avoid pretending every choice was part of a formal research study. You can honestly say you compared two layouts yourself. Saying users preferred one requires actual appropriate evidence. A friend informally understanding a page is not proof of a conversion increase.

Work through a fictional first portfolio entry

Imagine a fictional beginner creates a service page for an invented repair workshop. The brief asks visitors to find the service area, supported repairs and contact route. The entry is labelled “Self-directed concept; no client commission.”

The beginner shows the first layout and explains why important details were moved closer to the introduction. They include mobile and desktop views from the actual working page, then list the checks performed: readable text, working navigation and correct example destinations.

They do not claim more bookings, customer satisfaction or endorsement. The result demonstrated is a completed page meeting the stated practice brief. That gives a potential client something concrete to discuss without making the story bigger than the work.

Make the portfolio itself easy to use

Choose a few completed examples with clear labels rather than a long grid of similar thumbnails. Keep introductions short and put a useful contact route where people can find it. You can describe a service without publishing unnecessary personal information.

Add meaningful image descriptions. The W3C images tutorial explains how alternatives should convey an image’s information or function. Our practical alt-text guide applies that to portfolio-style images.

Check the actual pages on a phone. Text inside a large screenshot may become unreadable; explain essential points in ordinary page text too. Open every demonstration link and make clear whether it is a prototype or a live working example.

When you later have real client work, our confidential case-study guide covers permission and supported claims. For now, choose one small brief, finish it and publish an honest explanation of the work. You do not need to wait for a fictional client to become real.