Knowledge / Design (Fashion / Product / Communication / UI-UX) / Design portfolio

Design portfolio

Design (Fashion / Product / Communication / UI-UX) (B.Des) · Careers · free study notes for exams, placements and interviews

In short

A design portfolio is a curated, evidence-based record of selected projects that shows not only finished artefacts but the thinking, process and decisions behind them. It is the single document on which design admissions and hiring turn: NID's DAT (Studio Test and personal interview), NIFT's situation test and interview, B.Des admission after UCEED and M.Des admission after CEED, and campus placement at studios and in-house teams (Titan, Tata Elxsi, Mahindra Design Studio, Godrej, Myntra, Swiggy, Zoho, Samsung R&D Bengaluru, Ogilvy) all run on a portfolio review plus a defence of it. University B.Des programmes examine it directly as the final-semester portfolio/process book jury and viva, and as the graduation show deliverable. It is simultaneously a design artefact (so typography, grid, colour and print specification are marked) and an argument (so research, iteration, rationale and outcome are marked).

Explained

What it is, and the types examined

The case-study structure (how each project is laid out)

A standard, examinable sequence - roughly one to four spreads per project:

  1. Cover/hero: project title, one-line description, your role, team size, duration, year, tools. Recruiters read this line to decide whether to continue.
  2. Context and brief: the client or course brief, the constraint, the market or user group. State whether the brief was given or self-written.
  3. Research: secondary (literature, standards, competitor/trend boards) and primary (interviews, contextual observation, shadowing, surveys, body measurement, usability tests). Give sample sizes and locations - "11 interviews, 3 households, Dharavi recycling units" beats "user research".
  4. Synthesis: personas, empathy maps, journey maps, affinity clustering, mood/trend boards, problem statement, design brief, requirement list / product design specification (PDS).
  5. Ideation: breadth evidence - thumbnails, concept sketches, form exploration, variants - and the selection rationale (evaluation matrix, criteria weighting, jury/user feedback).
  6. Development: CAD, mock-ups, toiles and fit trials, wireframes, prototypes, materials and manufacturing choices, specification sheets, technical drawings, tech packs.
  7. Testing and iteration: what failed, what changed and why. Showing one documented failure and its fix is the strongest single page in a student portfolio.
  8. Final outcome: photographs or renders at quality, in context, plus deliverable specifications.
  9. Reflection: outcome measured where possible (cost, weight, time saved, task-completion rate, sell-through), learning, next step.

Discipline-specific requirements

Technical production: file, print and screen specification

Presentation, review and defence

Rights, credit and ethics (Indian law)

Key points

Formulas and examples

Pixel dimensions = print size (in) × resolution (ppi); 1 in = 25.4 mm
Effective ppi of a placed image = native pixel width ÷ placed width (in)
Uncompressed file size (bytes) = W(px) × H(px) × channels × (bit depth ÷ 8); 1 MB = 1,048,576 bytes
Document size with bleed = trim + 2 × bleed (each dimension)
Column width = [content width − (n − 1) × gutter] ÷ n, where n = number of columns
Modular type scale: sizeₙ = base × rⁿ (r = ratio, e.g. 1.25; n = step)
Contrast ratio = (L₁ + 0.05) ÷ (L₂ + 0.05), where L = relative luminance (0 = black, 1 = white), L₁ ≥ L₂
Relative luminance L = 0.2126R + 0.7152G + 0.0722B, each channel linearised as c = (s/255 ≤ 0.03928) ? (s/255)/12.92 : ((s/255 + 0.055)/1.055)2.4

Example 1 - A4 portfolio page, print-ready size in pixels. A4 = 210 × 297 mm = 210/25.4 × 297/25.4 = 8.268 × 11.693 in. At 300 ppi: 8.268 × 300 ≈ 2,480 px wide, 11.693 × 300 ≈ 3,508 px high. With 3 mm bleed all round, the document becomes 216 × 303 mm = 8.504 × 11.929 in → 8.504 × 300 ≈ 2,551 px × 11.929 × 300 ≈ 3,579 px. Set the artboard at 2,551 × 3,579 px with trim marks at 2,480 × 3,508.

Example 2 - file size, and why the press PDF is heavy. 2,480 × 3,508 px = 8,699,840 pixels.

A 12-page uncompressed CMYK book is therefore about 398 MB; JPEG at roughly 10:1 brings a 150 ppi screen version of the same page (1,240 × 1,754 px = 2,174,960 px; RGB = 6,524,880 bytes ≈ 6.22 MB) to about 0.6 MB a page, ~7.5 MB for 12 pages - which is what you email.

Example 3 - can this photograph be printed? A client photograph is 1,200 × 800 px and must sit 10 in wide on an A3 board. Effective resolution = 1,200 ÷ 10 = 120 ppi - well below 300 ppi, so it will look soft. Largest acceptable width at 300 ppi = 1,200 ÷ 300 = 4 in (at 150 ppi, 8 in). Fix by reshooting, not by upscaling.

Example 4 - grid and type scale for a web portfolio. Content width 1,140 px, 12 columns, 24 px gutters: gutters = 11 × 24 = 264 px; column = (1,140 − 264) ÷ 12 = 876 ÷ 12 = 73 px. A three-column card therefore spans 3 × 73 + 2 × 24 = 219 + 48 = 267 px. Type scale, base 16 px, r = 1.25: 16, 20, 25, 31.25, 39.06 → round to 16 / 20 / 25 / 31 / 39 px.

Example 5 - contrast check on a caption colour. Caption set in #595959 on white. Each channel = 89/255 = 0.349; linearised = ((0.349 + 0.055)/1.055)2.4 = (0.3829)2.4 ≈ 0.0998, so L ≈ 0.0998 (grey, all channels equal). White L = 1.0. Contrast = (1.0 + 0.05) ÷ (0.0998 + 0.05) = 1.05 ÷ 0.1498 ≈ 7.0:1 - passes AA (4.5:1) and AAA (7:1). A lighter #999999 would compute to about 2.8:1 and fails for body text.

Portfolio typeBest forTypical specLimitation
Print bookStudio reviews, juries, NID/NIFT interviewsA3/A4, 300 ppi, CMYK, PDF/X-1aCost, cannot be updated, not shareable
PDFApplications, email, campus screening10-25 pages, sRGB, <10-20 MBNo motion, no live interaction
WebsiteDiscovery, UI-UX and motion rolesResponsive, WCAG AA, fast loadMaintenance; distracts from content if over-designed
Behance/DribbbleVisibility, community feedbackPlatform image widths, 1 project per postPublic - can destroy design novelty under the Designs Act
Physical samplesFashion, product, craftGarment/prototype + swatch and spec cardsOnly works in person

Where it is used

Interview questions

Common mistakes

Related topics

Design careers and freelancing · Design thinking and the design process · Design research and user studies · Typography and layout · Design history and Indian crafts · Intellectual property for designers

Open in the Knowledge reader →Find jobs →