01 The situation
The brief started as "I want to level up and be the best PM at my company," widened into "let's build a portfolio," and widened again into "make it look cool, like a top design studio." None of those are a spec. Each one had to be turned into an actual decision before anything could get built.
The harder problem showed up once real content entered the picture: this site needed to do two contradictory jobs. A senior hiring manager scanning it needs proof of delivery under pressure. A nineteen-year-old deciding whether to send a cold email needs it to feel warm and safe to approach. Most portfolios pick one register. This one had to hold both without either undercutting the other.
03 What I did
Reframed before building. Early on, the instinct was to make requirements literal — "add branding," "make it flashy." Instead each request got pushed back to the actual problem underneath it: not "what animation," but "what does this page need to prove, to whom." It's the same move I make on programs, and it's how this site itself got made.
Anonymised rather than dropped — and kept honest. The strongest work stories involved a named employer and well-known partners, none of which were mine to publish. They were rewritten around the transferable problem with every identifying detail removed. Along the way, anything that had crept in as framing rather than fact came back out: the case studies say only what actually happened.
Separated the two audiences structurally, not just tonally. Mentorship lives on its own page, linked from the header, so a hiring manager reading proof of delivery never has to wade through a mentoring offer, and a prospective mentee never has to read it as a sales page. That page also deliberately uses less motion than the rest of the site — calmer, warmer, on purpose.
Worth saying
The visual craft got well ahead of the actual content more than once — a polished animation pass would ship while half the page still read "[X]" in metrics and placeholders in the case studies. Motion is the easy part to get right and the part most likely to be mistaken for progress. The harder, slower work — real numbers, a real testimonial, a real photo — came later, and the site was weaker until it did.