# Design portfolio tips: presenting work so it gets you hired [Canonical HTML page](https://gradiently.design/guide/designer-portfolio-tips) Reviewers spend little time on each portfolio, and most of it on the first project. These tips cover what to include, how to structure a case study and how to present work so it looks as good as it is. ## The short version - A design portfolio gets you hired when it shows fewer projects, each explained through the decisions you made and why. - Put your strongest and most relevant project first, because reviewers often judge the whole portfolio on it. - A Dribbble shot is 1600×1200 pixels and a Behance project cover is 1616×1264 pixels. - A case study works best in a clear order: the brief, your role, the problem, the process, the decisions and the result. - Presenting every project on a consistent background makes a portfolio look curated rather than collected. The design portfolio tips that matter most are simple: show fewer projects, put the most relevant one first, explain each through the decisions you made, and present everything on a consistent ground so the work, not the frame, is what people notice. A hiring manager or client wants to know two things: can you do the work they need, and can you explain why you did it that way. Everything below serves those two questions. ## Choosing what goes in a design portfolio Four to six projects is a healthy range. More than that and reviewers start skimming; fewer and they can't see range. Choose for the job you want, not the jobs you've had. A brand designer applying to a product team should lead with work that touches interfaces, even if it was a side project. ### Leave out - Every project from the last five years - Work you would not want to do again - Three versions of the same kind of thing - Student exercises once you have real work - Anything you can't talk about for ten minutes ### Include - Four to six projects, strongest first - Work that matches the role you want - A spread: identity, digital, print or motion - One self initiated project that shows taste - Projects with a story behind the decisions Order matters. Put the strongest relevant project first and the second strongest last, so the portfolio opens and closes well. If you are early in your career, the advice in [student portfolio](https://gradiently.design/guide/student-portfolio) on filling gaps with self initiated briefs applies. ## How to structure a design case study A case study is a short story about a problem and your decisions. Reviewers read the headline and the images first, then the words if they are interested, so make each section scannable on its own. [Case study design](https://gradiently.design/guide/case-study-design) covers the layout in more depth. 1. **The headline result** One line at the top: "A new identity that let a regional bakery open its second shop." Readers decide here whether to continue. 2. **The brief and your role** Who it was for, what they asked, what you personally did and who you worked with. Be precise about credit. 3. **The real problem** Often different from the brief. Show you noticed. 4. **Process, edited** Two or three moments that changed direction, not every sketch. Show a rejected route and why it lost. 5. **The decisions** Type, colour, layout, motion: each with a one sentence reason. 6. **The result in use** The work in the world: on a shopfront, a phone, a poster on a wall. Add outcomes only if they are true and you can share them. ## Dribbble shot size and Behance cover size Even if your main portfolio is your own site, Dribbble and Behance are where many recruiters and clients browse. The **Dribbble shot** is 1600×1200 pixels (4:3) and the **Behance project cover** is 1616×1264 pixels. Behance crops covers in different grids, so keep the important part of the image near the centre. [Dribbble shot size](https://gradiently.design/guide/dribbble-shot-size) and [Behance cover size](https://gradiently.design/guide/behance-cover-size) have the full details. - Dribbble shot 4:3: 1600 × 1200 - Behance cover: 1616 × 1264 - Website hero 16:9: 1920 × 1080 - Instagram 4:5: 1080 × 1350 The four frames a design portfolio is most often shown in, to scale. Dribbble and Behance are close in shape, so one presentation adapts easily to both. A Dribbble shot presenting a bakery identity case study title on a warm gradient background A Dribbble shot at 1600×1200: one project title on a consistent ground. A Behance project cover for the same bakery identity case study, with the title centred The Behance cover at 1616×1264, the same presentation with words kept central for cropping. ## Presenting work so it looks finished Raw exports on white look unfinished next to work shown in context. You don't need elaborate mockups; you need consistency. Pick one ground for the whole portfolio, a soft gradient or a muted colour, and present every image on it with the same padding. The work changes, the frame doesn't, and the portfolio reads as curated. - Gallery stone: `linear-gradient(180deg, #f3f0ea 0%, #e2dccf 100%)` - Studio charcoal: `radial-gradient(circle at 50% 30%, #2a2d36 0%, #15171c 70%)` - Cool paper: `linear-gradient(160deg, #e9eef5 0%, #c9d3e3 100%)` - Warm clay: `linear-gradient(160deg, #f6e7dc 0%, #e8c6ae 100%)` Four quiet presentation grounds. They frame bright work without competing with it; choose one and use it everywhere. - **Lead each project with the work in use**, not a moodboard. - **Keep image widths consistent** within a case study. - **Caption images** with what the reader is looking at and why it matters. - **Show detail crops** of type and texture; reviewers love to zoom. - **Check every page on a phone**: many first looks happen there. ## Portfolio website, PDF, Dribbble or Behance Many designers keep all of them, each for a different moment. The website is the home of the full case studies. A PDF of eight to twelve pages goes with applications when a recruiter asks for one, and should open in a second on any device. Dribbble and Behance are for being found. | Format | Best for | Keep in mind | | --- | --- | --- | | Portfolio website | Full case studies, your own address | Fast to load, works on a phone | | PDF portfolio | Applications and pitches | Tailor the selection to each role | | Dribbble | Being discovered, single visuals | 1600×1200 shots, a consistent ground | | Behance | Long project pages, browsing clients | 1616×1264 cover, centre the subject | Use the same projects and presentation across all four, edited to the space each one gives you. ## Your portfolio is also your brand The portfolio site, the PDF you send, your Dribbble and Behance profiles and your LinkedIn banner are all part of one impression. Use the same type, the same ground and the same tone of voice across them. [Personal branding](https://gradiently.design/guide/personal-branding) explains how to keep that consistent without it feeling forced, and [visual hierarchy](https://gradiently.design/guide/visual-hierarchy) helps each page lead the eye. Gradiently is useful for the presentation layer: put your case study covers, Dribbble shots and LinkedIn banner on the same Mark, a living gradient background that is yours alone once claimed, and with Pro resize one design to each platform in one step. Your Gradiently profile at gradiently.design/username can also showcase designs and published templates alongside the Marks you own. ## FAQ ### How many projects should be in a design portfolio? Four to six is a good range. Choose the projects closest to the work you want next and put the strongest first. ### What size is a Dribbble shot? 1600×1200 pixels, a 4:3 landscape frame. ### What size is a Behance project cover? 1616×1264 pixels. Keep the important part near the centre because Behance crops covers in different grid views. ### What should a design case study include? A headline result, the brief and your role, the real problem, an edited process, the key decisions with reasons and the work in use. ### Should I include personal projects in my design portfolio? Yes, one or two, especially if they show the kind of work you want to be hired for. Label them clearly as self initiated.