The Portfolio Case Study, From a Raw Project to a Published Write-Up
You will turn one real project into a case study that leads with the outcome, states the problem, isolates your decisions, and survives a five-minute skim.
Key takeaways
- A hiring manager spends two to three minutes on a portfolio first pass, and many decide in the first thirty seconds, so the outcome has to sit on the first screen.
- The diagnostic that decides pass or fail is whether a reviewer can name one specific decision you made after reading; if not, the case study has failed because decisions are the unit of value.
- Keep three to five case studies of consistent depth; reviewers stop reading after the third, and seven to ten signals you have not worked out which work is strongest.
- A credible result names the metric, the before number, the after number, and the delta; a vague 'we shipped X' fails because it never says what changed.
- NDA-safe means revealing judgment, not secrets: swap absolute numbers for percentages, use placeholder client names, and get written sign-off.
- In Refolk's index the US 'UX Designer' pool is 4.58 times the UK's, and within the US 'Product Designer' outnumbers 'UX Designer' 1.91 to 1, so a differentiated case study matters more in the larger pools.
This guide carries one ordinary project from scattered files to a published case study. It is for anyone building or rebuilding a portfolio who has a real project in hand and does not know what to keep, what to cut, or where to start. By the end you will have a write-up that leads with the outcome, states the problem, isolates your own decisions, and survives a five-minute skim.
Most guides give you a section list or a gallery of polished examples. Neither helps when you are staring at a folder of screenshots and a half-remembered Slack thread. So I am going to run one worked example the whole way through, showing the intermediate drafts and the wrong turns, so you can follow along on your own project as you read.
The running example: a checkout redesign for a mid-size retailer, referred to here as Company X. Cart abandonment was high, the brief said "make checkout better", and you were one of two designers. That is the messy raw material. Watch what happens to it.
What a hiring manager actually does with your case study
A hiring manager skims. On a first pass through a portfolio they spend two to three minutes, and a significant number make up their minds in the first thirty seconds. One vendor puts the combined resume-plus-portfolio glance at about 55 seconds. So the case study is not read the way you wrote it. It is scanned top to bottom, once, fast.
That single fact reorders everything else in this guide. If the reviewer decides in thirty seconds, the outcome cannot be two scrolls down. If they scan rather than read, the story has to survive being reduced to headings and captions. And if they stop after the third case study, a fourth weak one is not generosity, it is dilution.
| Artifact | Time cited | Source |
|---|---|---|
| CV, initial | 17 to 46 sec average | standout-cv.com |
| Resume plus portfolio combined | about 55 sec | presentum.io |
| Portfolio, first pass | 2 to 3 min | myuxacademy.com |
The published CV numbers come from a tracked 2023 study in which 114 experienced recruiters each reviewed three CVs; the shortest view was 12 seconds and the longest 2 minutes 27 seconds. Portfolios get a little more, but not much, and the thirty-second decision point is the one to design around.
There is one place this advice flips. Academic and report formats, like the CDC's case-study guide, stay chronological because their reader is grading reasoning, not scanning. The order you choose maps to your audience's time budget, not to taste. A hiring manager's budget is short, so you lead with the end.
Fix the claim before you write a word
The single most useful move is to decide, up front, the one result the study proves. Get the claim right and the rest almost writes itself, because the claim tells you which result leads, which details stay, and which you cut.
Back to Company X. The raw material offered three possible claims:
- "I redesigned the checkout flow." This is a description, not a result. It says what you did, so what.
- "Cart abandonment dropped." Better, but vague. Dropped from what to what?
- "Cut checkout abandonment from 68% to 41% by removing the forced account-creation step." That is a claim. It names the outcome, the before number, the after number, and the specific decision behind it.
The documented headline formula is outcome verb plus specific number plus customer name plus brief context: "reduced", "increased", "cut", "doubled", "saved", then a number, then a named customer, then a line of situation. Applied here:
Cut Company X's checkout abandonment from 68% to 41% by removing forced account creation Structure: [outcome verb] + [before to after number] + [the one decision] + [who it was for]
Swap in your own verb, number, and context. Keep it to one line.
Notice the wrong turn built into claim 1. It is the trap most case studies fall into, and it is worth naming: describing activity instead of change. "Our AI agent shipped 600 blog posts" is useless because you did that, so what, what changed for whoever paid for it. The fix is not more adjectives. It is a before, an after, and a delta.
The skeleton: PAR, STAR, and where each maps
Underneath every portfolio case study is the same arc: problem, then solution, then result. Three interview frameworks name the same shape, and any of them works as your private extraction tool. STAR, which DDI created in 1974 for its Targeted Selection interviewing system, stands for Situation, Task, Action, Result. CAR trims the fat to Context, Action, Result. PAR is Problem, Action, Result, and it leads with a problem, which works well when your impact came from fixing something, exactly like the Company X abandonment problem.
Here is how the framework maps onto the sections a reviewer actually sees.
| Framework slot | Case-study section | What goes here |
|---|---|---|
| Situation / Context | Framing and background | One paragraph on the real problem |
| Task / Problem | Problem statement | The constraint you were solving under |
| Action | Your decisions | The forks, chosen options, and why |
| Result | Outcome, led first | The metric, before, after, delta |
The critical rule about the framework: keep it hidden. STAR fails the moment you recite the four letters out loud, and the same is true on a page. The reader should see a decision narrative, not four labeled boxes marked Situation, Task, Action, Result. Use the skeleton to extract; delete the scaffolding before you publish.
For the running example, PAR is the right fit because the value came from fixing something. Problem: abandonment was 68% and the checkout forced account creation. Action: you tested a guest-checkout path against the account-required one. Result: abandonment fell to 41%. That is the whole spine, and it took three sentences.
The case study, outermost layer first
- Headline outcomeThe result and the one decision, on the first screen
- Problem framingOne paragraph on what was actually broken
- DecisionsThe forks you hit and why you chose as you did
- Results blockA scannable table of metric, before, after, delta
- Process detailOptional depth for the reader who scrolls
Frame the real problem, not the brief
A case study that opens with "the client wanted X" fails the first thirty seconds. Every study needs a one-paragraph framing of the actual problem behind the brief. The brief is what someone asked for; the problem is why they asked.
Company X's brief said "make checkout better". The wrong turn is to repeat that. The real problem, once you dug into the analytics, was that two-thirds of users hit a wall at forced account creation and left. That is the paragraph that earns the next thirty seconds:
Company X ran a two-step checkout that required an account before payment. Analytics showed 68% of carts were abandoned, and session recordings put the drop-off at the account screen. The team had assumed the friction was payment options; the data said it was the account wall. My constraint: the loyalty team needed account sign-ups, so I could not simply delete the step.
Name the underlying problem and the constraint. Do not restate the brief.
That last sentence is doing real work. Constraints are what make the decisions that follow interesting. Without the loyalty-team tension, "add guest checkout" is obvious. With it, your choice becomes a judgment call worth reading.
Isolate your decisions, wrong turns included
Decisions are the unit of value, not visuals. The diagnostic that decides pass or fail is simple: after reading, can a reviewer name a specific decision you made? If not, the case study has failed. So this section carries more weight than any polished screen.
For each fork, write three things: the options, the one you chose, and why. Include the wrong turns. Do not hide challenges or mistakes, because showing how you responded often demonstrates more growth than a flawless project ever could.
The Company X decision log, extracted:
- First attempt, wrong turn. I tried making the account step optional with a small "skip" link. Usability testing showed people did not see it. Kept the failure in the write-up because the recovery is the point.
- The real decision. I split the flow so guest checkout was the default path and account creation became a one-tap add-on after payment. This satisfied the loyalty team's sign-up goal without the wall.
- The trade-off. Guest orders lose some analytics linkage. I chose the abandonment win over the tracking completeness and said so.
Beauty raises the reviewer's expectations without supplying any evidence; only a named decision pays that expectation off.
Write these in the first person. The failure mode here is "we" with no role, which hides your contribution and lets the reviewer credit the team. Keep "we" for genuinely shared context and switch to "I" the moment you describe a choice that was yours.
Once you have your decision narrative, it helps to see how designers who write clearly about trade-offs actually frame theirs. That is a searchable population, not a guess.
The procedure, start to finish
Here is the whole sequence, from the folder of scattered files to a published study, with time estimates. This is the machine-readable version of everything above.
From raw project to published case study
- Inventory the raw projectPull every file, message, metric, and old draft into one doc (30 to 60 min). Done when you can state the problem, your role, and one outcome in plain sentences.
- Fix the claim and outcomeDecide the single result the study proves and write it as an outcome-verb-plus-number headline (20 min). Done when you have one sentence for the top.
- Frame the real problemWrite one paragraph on the problem behind the brief (20 min). Done when it passes a thirty-second read on its own.
- Isolate your decisionsList the forks, the chosen option, and why, including wrong turns (45 min). Done when a stranger can name one specific decision you made.
- Draft result-firstLead with the outcome, then problem, then decisions, then a scannable results block (1 to 2 hr). Done at 800 to 1,500 words or a three-minute read.
- Sanitize for NDA if neededPlaceholder names, percentages not absolutes, written client approval (up to 1 day for sign-off). Done when the approval is recorded.
- Cut to the skimRewrite captions so reading only the one or two sentence captions conveys the project (30 min). Done when it survives a five-minute skim.
- Trim the setKeep three to five studies of consistent depth, drop the misaligned ones (15 min). Done when every study reads at the same depth.
One ordering note to reconcile before you draft, not after. Portfolio and marketing guidance says lead with the outcome; the CDC's academic guide says start at the beginning and summarize in chronological order. They are not in conflict once you know your reader. If the reviewer is scanning and deciding in thirty seconds, lead with the result. If the reader is grading your reasoning end to end, chronology is fine. For a hiring portfolio, lead with the result.
Refolk writes your resume from your own history and scores how well you fit each posting, which is the same discipline you are applying here: lead with what changed, not what you touched. The case study is the long-form version of that fit.
The results block: make the number scannable
A results section should be a table or stat cards, not a paragraph. Give each metric the name, the before number, the after number, and the percentage or absolute change. A reviewer who is scanning will read a table; they will skip a paragraph of prose that hides the numbers inside sentences.
For Company X:
| Metric | Before | After | Change |
|---|---|---|---|
| Checkout abandonment | 68% | 41% | down 27 points |
| Guest-checkout adoption | n/a | 54% of orders | new path |
| Account sign-ups at checkout | 100% forced | 31% opt-in | goal preserved |
That third row is the honest one. It shows the loyalty team's goal survived, which pre-empts the obvious objection. A results block that only reports the win looks like a sales sheet; one that reports the trade-off looks like judgment.
When you genuinely cannot show a metric, show the decision that produced it. Process and judgment substitute for numbers, and percentages substitute for absolutes. That is the bridge to the NDA problem.
When the project is under NDA
An NDA-safe case study does not reveal secrets, it reveals judgment. That is the load-bearing move, and it loses less than you fear, because a good study should not be metric-dense in the first place.
The documented substitutes, in order of how often you will reach for them:
- Placeholder the client. Replace the company, product, or service with "Company X" or "Product Y", and omit or change specific features and data.
- Relative, not absolute. Use percentages if you must talk about numerical metrics. "Cut abandonment by 40%" is safer than "from 68% to 41%" and still credible.
- Role and method in general terms. Focus on what you did and how, using anonymized examples, hypothetical framings, and abstract visuals.
- Get sign-off. Write the full study, leave out sensitive metrics and tools, and send it to the client for written approval. Record that approval.
There is an upside most people miss. Refusing to leak reads as reliability. It pays to come across as trustworthy, and any good recruiter prefers that over someone who might give away a former employer's secrets. Handled well, the NDA constraint raises perceived trust rather than lowering perceived depth.
How this goes wrong
Most failed case studies fail in one of a handful of predictable ways. Each one looks fine on the surface, which is exactly why it slips through. Here is the field guide, with the false positive that fools people and the check that catches it.
Polish versus evidence
- Gallery with no decisions. Looks polished; the false positive is beautiful screens. Screenshots show outcomes but rarely explain decisions. Check: can a reviewer name one decision after reading? If not, add the decision layer.
- Process worship. Reads thorough; the false positive is a complete research-to-prototype timeline. The UX process is widely known, so reciting research, ideation, and prototyping rarely adds value. Check: does it flag the moment new information changed direction, or just list phases?
- Vague result. Sounds impressive; the false positive is "shipped X". Check: does it give the name, before, after, and delta? If it only says what you did, so what.
- Over-anonymized NDA study. Feels safe; the false positive is a disguised client a palette still identifies. Check: could a competitor name the client?
- Too many or uneven studies. Feels generous; the false positive is eight case studies. Eight half-finished studies is weaker than three properly developed ones. Check: does every study read at the same depth?
- Buried outcome. Feels like good storytelling; the false positive is a chronological build-up. Check: is the result on the first screen, or two scrolls down?
- Wall of text. Looks rigorous; the false positive is a thorough essay. Blocks of text with no visuals make the study look like a chore. Check: does a caption carry the story where prose would?
- "We" with no role. Sounds collaborative; the false positive hides your contribution. Check: is there a first-person "I" on every decision?
The early-career version of the gallery trap deserves its own mention: fake redesigns of well-known apps with no real users, constraints, or brief. They fail because they have no problem to frame and no constraint to make the decisions interesting. One real client project, even a small one, beats three concept redesigns.
Cut to the skim, then trim the set
The last two moves are about the reader who never fully reads. First, make the captions carry the story: if someone scrolls through and reads only your one or two sentence captions, they should still understand the project. Rewrite each caption as a claim, not a label. "Checkout screen v2" is a label. "Guest checkout became the default, cutting the account wall" is a caption that survives the skim.
Then trim the whole portfolio. Keep three to five studies of consistent depth. Reviewers stop reading after the third, and for senior roles three is often better than five. A portfolio of seven to ten signals that you have not worked out which work is strongest, because the weak studies dilute the strong ones the reviewer already stopped reading. Removing one misaligned project usually improves clarity more than adding a new one.
Consistency of depth matters as much as count. When studies vary wildly, one ten-minute read and one one-minute read, the inconsistency signals a candidate who does not know what they are presenting. Bring every study to the same length and rigor.
Before you call the case study done
- The outcome sits on the first screen, with a before, an after, and a delta.
- A stranger can name at least one specific decision you made.
- At least one wrong turn or trade-off is shown, with how you responded.
- The problem paragraph names the real problem, not the brief, and passes a thirty-second read.
- Every decision is written in the first person, not hidden behind "we".
- The results are a table or stat cards, not a paragraph.
- Reading only the captions still conveys the project.
- The whole study is 800 to 1,500 words or a three-minute read.
- If under NDA, names are placeheld, numbers are relative, and sign-off is recorded.
- The portfolio holds three to five studies of consistent depth.
Keeping it current and why the market matters
Rework the claim whenever the project produces a new number or you learn a harder constraint. A case study is not frozen; the abandonment figure for Company X might improve after a later release, and updating the headline keeps the study honest without a rewrite.
The market also shapes how much a differentiated case study matters. In Refolk's index the pools differ sharply by title and geography.
| Title | Country | Count | Ratio to UK |
|---|---|---|---|
| UX Designer | United States | 5,812 | 4.58x |
| UX Designer | United Kingdom | 1,269 | 1.00x |
The US "UX Designer" pool is 4.58 times the UK's. Within the US, title choice compounds it:
| Title | Country | Count | Share of the two |
|---|---|---|---|
| Product Designer | United States | 11,088 | 65.6% |
| UX Designer | United States | 5,812 | 34.4% |
Product Designer outnumbers UX Designer 1.91 to 1 in the US pool. The larger the pool you are competing in, the more the reviewer relies on the thirty-second skim to filter, and the more a single sharp, decision-led case study earns its place. In a smaller market a thinner portfolio survives; in a large one, the trimming and the result-first order are not optional. Re-check your target market's pool size when you decide how hard to invest, and if you use Refolk to score your fit against a posting, treat a large candidate pool as a signal to sharpen the claim, not to add another study.
Questions job seekers ask
How long should a portfolio case study be?
Aim for 800 to 1,500 words, which published guidance calls the range with enough detail without overwhelming a reader. A designer-focused rule of thumb is tighter: the whole thing should take three minutes to read, tops. Length matters less than consistency across your set, since studies that vary wildly in depth signal a candidate who does not know what they are presenting. Write to the skim, then cut.
Should I lead with the outcome or tell the story in order?
Lead with the outcome for a portfolio. Reviewers decide in the first thirty seconds, so the result must sit on the first screen. Chronological order suits academic or report formats where the reader is grading reasoning, not scanning, and that is why the CDC's guide keeps chronology. Your audience's time budget dictates the order, and a hiring manager's budget is short.
What do I include when the project is under NDA?
Reveal judgment, not secrets. Replace the company and product with placeholders like Company X, swap absolute numbers for percentages, and describe your role, methods, and impact in general terms. Write the full study, leave out sensitive metrics and tools, and send it to the client for written approval. Refusing to leak actually reads as trustworthy, so the constraint can help you.
How many case studies should a portfolio have?
Three to five, with three often better than five for senior roles. Reviewers stop reading after the third study, and seven to ten signals that you have not worked out which work is strongest, because weak studies dilute the strong ones. Removing one misaligned project usually improves clarity more than adding a new one.
What makes a result credible instead of vague?
A credible result names the metric, the before number, the after number, and the percentage or absolute change, laid out as a table or stat cards rather than buried in a paragraph. A vague result tells what you did, such as shipped 600 blog posts, without saying what changed for anyone. If numbers are confidential, use percentages, and where you cannot show a metric, show the decision that produced it.
How do I describe a project without saying 'we' the whole time?
Name your specific decisions. The failure mode is 'we' with no role, which hides your contribution and lets the reviewer credit the team instead of you. For each fork in the project, write the option you chose and why in the first person, and keep 'we' only for genuinely shared context. The test is whether a stranger can name one decision that was yours.
Put this to work
Reading about the job search is not the job search.
Paste your career in once. I write the resume, then every week I rank the live openings against your history, tailor a resume and a cover letter to the best of them, fill in the forms if you ask me to, and keep going until you land. Your part is deciding what goes out.
- 140+ curated roles a week, found, written, and scored for you.
- Every bullet stays inside what your history actually supports.
- Queued, submitted, interviewing, offer, all in one place instead of a spreadsheet.
500 free credits on sign-up. No card.