← back to work
2024 — 2025 · product manager · [company] · team of [n]

[project name] — [short tagline]

a one-paragraph summary of what this was, who it was for, and what changed because of it. this is the elevator pitch — the single thing someone scanning the page should walk away with.

the context

every project starts with a problem. describe the world before you got involved — who the users were, what they were trying to do, where the existing experience was breaking down, and why this mattered to the business.

keep it human. specific. avoid the corporate-deck voice. "merchants kept calling support to ask the same three questions" beats "we identified opportunities to optimize self-service."

[#]
support tickets / week
before we shipped
[#]%
drop-off at step 3
of a 5-step flow
[#]
user interviews
to understand why

the approach

a short prose section explaining how you tackled it. what you ruled out and why. what hypothesis you went in with. the constraints you were working under (timeline, headcount, technical debt, that one engineer who really hates radio buttons).

01 · discover

understand the breakage

interviews, support tickets, session replays. find the actual problem under the reported one.

02 · frame

name the bet

one sentence: "if we do X, we believe Y will happen, and we'll know because Z."

03 · build

scope to a slice

what's the smallest thing we can put in front of users in 3 weeks that proves or kills the bet?

04 · learn

measure and iterate

watch the metrics. ship the next slice. or kill it gracefully and write the postmortem.

"[a sentence a user, teammate, or stakeholder said that captures something true about the project — the kind of quote that makes someone reading this page nod.]" — [person] · [role]

what changed

a comparison block. doesn't need a real screenshot — describe the difference plainly, and the placeholder mock below stands in until you have the real visuals.

before

[the old experience]

describe what the user encountered before — the friction, the steps, the error states.

[before mock]
after

[the new experience]

describe the new flow, the new affordances, the gnarly edge case you finally solved.

[after mock]
a bigger mock would live here — a hero screen, a key flow, a dashboard.
replace this whole block with an <img> when you have the real one.

the outcome

what actually happened? numbers if you have them, qualitative wins if you don't. be honest about what didn't work — the page reads more credibly when you say so.

+[#]%
activation
over the baseline
−[#]%
support load
on the same flow
[#]
weeks to ship v1
from kickoff

what i'd do differently

the section everyone skips on portfolios. don't skip it. one or two real reflections — what you got wrong, what you'd run faster next time — tell readers more about you than the wins do.

enjoyed the read? say hi

that's a wrap.
let's chat?

© 2025 · sannan · all case studies hand-rolled, no ai slop.
credits roll →
"that's a wrap."
— sannan, the unreleased director's cut
click anywhere or press esc to close