Online Portfolios for Designers

In design, the portfolio is the interview before the interview. A hiring manager or studio will often look at your work for a minute or two before deciding whether to talk to you, and most of that time is spent on the first few projects. For students, the challenge is to present a handful of pieces so well that the reviewer sees thinking as well as visuals, even when none of the projects came from paying clients.

The good news is that this is a craft skill you can practice. A tight selection, clear case studies and a clean site go a long way.

Norms differ across design disciplines and countries. Check what your target employers expect. This guide describes principles and avoids naming products.

Know your discipline and audience

Design covers many roles.

• Graphic and branding designers: identities, layouts, packaging, posters.
• UX and product designers: research, flows, wireframes, prototypes and interface design.
• Motion and video designers: animation, titles, edits and effects.
• Illustrators: editorial, book, character and concept art.
• Industrial and product designers: objects, models, drawings and prototypes.
• Fashion and textile designers: collections, technical drawings and photographs.
• Interior and spatial designers: plans, renderings and models.
• Game and 3D artists: assets, scenes and tools.

Study portfolios of people in your target role. Notice length, tone and structure. Then design yours for the person who will review it: a studio art director, a UX hiring manager, a client or an admissions panel.

Choose your projects

• Aim for quality, not quantity. Three to six projects is common.
• Show range within your focus. For a UX role, include different types of problems, such as a research-heavy project, a mobile design and a system design.
• Include a mix of origins: coursework, personal projects, collaborative work and, if you have it, real-world client or internship projects.
• Prefer projects with a story, a clear problem, constraints and a solution.
• Remove projects that look dated or weak, even if they cost you effort.
• Put your best or most relevant project first. Many people only see the top of the page.
• Match the job. If you apply to a branding studio, show branding.
• Ask for feedback from lecturers, alumni and designers. Fresh eyes spot problems.

If you lack projects, create them. Redesign a local business's identity, improve an app that frustrates you, design a campaign for a charity, or make a poster series about a topic you care about. Label them as self-initiated.

Structure a case study

Case studies show how you think. A typical structure:

1. Title and summary. One or two sentences about the project and your role.
2. Context and problem. Who the audience was, what the brief asked and why it mattered.
3. Your role and team. What you did, with credit to collaborators.
4. Research and insights. Interviews, observations, competitor analysis, user feedback or inspiration.
5. Process. Sketches, wireframes, drafts, iterations and decisions, including what you rejected.
6. Solution. The final designs shown in context.
7. Outcome and reflection. Results, feedback, testing or what you would improve. Do not invent metrics. If you have no real results, describe what you learned and what you would test next.

Keep text concise. Use headings and captions. Many reviewers will skim, so make key points visible.

Show visuals well

• Use high-quality images. Photograph physical work in good light, and capture details.
• Show work in context. Use mockups, real-world photos or prototypes to display how designs are used.
• Be consistent in presentation. Use similar image sizes and framing.
• Avoid clutter. Give images space.
• Include process images: sketches, wireframes, moodboards.
• Use video or interactive prototypes where they add value, with short loading times and clear controls.
• Show scale and detail for packaging, objects or garments.
• Compress files so pages load fast, and keep originals.

Discipline-specific tips

Graphic design and branding

Show systems, not just logos: color, typography, layouts and applications. Include before-and-after if you redesigned something. Show your reasoning for choices.

UX and product design

Show your research and process. Include user insights, flows, wireframes, prototypes and usability findings. Explain trade-offs and constraints. Demonstrate that you collaborate with engineers and stakeholders. Do not only show polished screens.

Motion design

Embed short, well-edited clips. Provide breakdowns that show storyboards and techniques. Keep reels brief and put your best work first.

Illustration

Display a consistent style and range. Show sketches and development. Include examples of illustrations used in context, such as book pages or articles.

Industrial and product design

Present sketches, models, prototypes and technical drawings. Explain materials and manufacturing considerations.

Fashion and textiles

Show concept boards, technical flats, fabric choices and photographs. Credit models and photographers.

Spatial and interior design

Include plans, sections, renderings and models. Explain how the design responds to users and site.

Writing for a design portfolio

• Write plainly. Avoid jargon and buzzwords.
• Focus on decisions: why you chose a direction.
• Use active verbs.
• Keep paragraphs short.
• Acknowledge constraints such as time, budget and feedback.
• Be honest about your role.
• Proofread. Typos undermine attention to detail.

Include a short about page with your story, interests and a friendly photo.

Choose a platform and keep it fast

• Portfolio platforms for creatives are quick and display images well, with some constraints.
• Website builders give more control.
• Custom code can show technical skill if you have the time.
• PDF portfolios are useful for applications that request attachments. Keep file sizes manageable.

Check:

• Mobile friendliness.
• Loading speed.
• Ease of navigation.
• Ability to update quickly.
• Ownership and export. Keep copies of your images and text.
• Domain and email. A custom domain and professional email look polished.

Accessibility and usability

• Add alt text to images.
• Use readable type and contrast.
• Make navigation clear.
• Avoid auto-playing audio.
• Provide captions for videos.
• Test with keyboard navigation.
• Consider color-blind friendly palettes in your own site.

Designers who show accessibility awareness stand out.

Rights, confidentiality and ethics

• Check client or employer permissions. If you worked under an NDA, ask before showing anything. You may be able to show redacted or password-protected versions.
• Credit collaborators, photographers, models and teachers.
• Respect copyright for fonts, images and mockups. Use licensed resources.
• Do not use others' work as your own. Be clear about what you made.
• Protect user data in research materials. Anonymize participants.
• Follow academic rules about publishing coursework.
• Be honest about AI tools. If you used generative tools in your process, say how and keep your own thinking visible.
• Watermark or limit downloads if you worry about theft, though this can reduce usability.

Share and keep it current

• Add your link to your resume, email signature and professional profile.
• Share new projects on professional networks with a short story.
• Ask for feedback from peers and mentors.
• Update each term, swapping weaker pieces for stronger ones.
• Check links and downloads.
• Keep a private archive of all your work.
• Track what works: which projects get comments or interview questions.

Prepare to present your portfolio

Interviewers often ask you to walk through a project.

• Choose a project and prepare a five-minute story.
• Know the details: the brief, your role, key decisions and results.
• Be ready to discuss failures and what you learned.
• Practice aloud.
• Prepare questions for the interviewer about their process and team.
• Have an offline version in case of technical problems.

Getting feedback on your portfolio

Show your portfolio to at least three people before you send it widely: a lecturer, a working designer and someone outside design. Ask what they remember, what confused them and what they would cut. Watch them navigate it without guidance. Note where they hesitate, then fix those spots. Revisit feedback after a month, once you have distance from the work.

Common mistakes

• Showing too many projects.
• Only showing final visuals.
• Poor image quality.
• Vague descriptions.
• Ignoring mobile users.
• Using work you cannot share.
• Never updating.

A quick checklist

• Have I chosen three to six strong, relevant projects?
• Does each case study explain the problem, my role, process and outcome?
• Are images high quality and consistent?
• Is the site fast, accessible and mobile friendly?
• Have I checked rights and confidentiality?
• Can I talk through each project confidently?

Final thoughts

A designer's portfolio succeeds when it shows both craft and thinking. Choose a few excellent projects, tell the story behind each and present them cleanly. Check rights, accessibility and performance, and keep the portfolio current. Be ready to talk about your work, because the portfolio opens the door and the conversation does the rest.