Designed for a Two-Inch Screen: The Overhaul That Made My Portfolio Legible to Strangers
Last spring, a recruiter friend let me watch over her shoulder as she reviewed candidates. She wasn't opening PDFs at full screen. She wasn't clicking through to websites and admiring the hero images. She was scrolling a list in an applicant tracking system, and my portfolio appeared as a thumbnail roughly the size of a postage stamp, wedged between a resume and a cover letter.
I looked like a blur. Twelve years of work, reduced to something a flip phone could have rendered.
That afternoon started the most humbling redesign of my career. Not a redesign of the work — a redesign of the container, built around a question I'd never seriously asked: what does my portfolio look like when it's small?
The Test Nobody Mentions
Here's the exercise I now run on every portfolio I touch, mine or a client's: open it, zoom out to 25 percent, and squint. Or better, screenshot the landing page and text it to yourself. Look at it the way a hiring manager at a fast-moving agency in Chicago or Austin actually encounters it — on a phone, in a preview pane, in the three seconds between meetings.
When I did this to my own site, the results were grim. My carefully kerned case study titles dissolved into gray smudge lines. My grid of six project images turned into an undifferentiated checkerboard. The elegant pull quote I'd spent an evening choosing? Invisible.
I had designed for the version of my portfolio that exists in my imagination: full screen, patient viewer, good lighting. The real audience was viewing a photocopy of a photocopy.
Bigger Type, Fewer Things
The counterintuitive part of the overhaul was subtraction. I had believed richness signaled capability. At thumbnail scale, richness signals nothing — it's noise.
The changes:
- Body type went up two full sizes, everywhere. What felt slightly cartoonish at my desk felt merely normal on a phone. I checked my ego against my analytics: over 60 percent of visits were mobile, and I'd been setting type for the other 40.
- One bold sentence per project. Not a summary, not a paragraph — a single declarative line that could survive being read at arm's length. "Increased trial signups 34 percent by rewriting the onboarding flow" beats "A holistic UX exploration of the onboarding journey" in any size, but especially in a two-inch one.
- Images cut from six per project to two. The hero shot and the one artifact that proves I actually made the thing. Everything else lives one click deeper, for the rare person who goes looking.
- The grid died. Side-by-side comparisons of work look sophisticated at full width and identical at thumbnail width. One strong image stacks better than four weak ones.
What Happened to the Numbers
I don't have a controlled experiment, and I distrust anyone who claims they do with a portfolio of one. But the before-and-after over the following two quarters was hard to argue with.
Before the redesign, my reply rate on cold outreach — where a link is often previewed as a texted or emailed card — sat around one in eleven. After, it moved to roughly one in five. Recruiters who did reply started quoting my one bold sentences back to me, which told me they'd actually read them. One hiring manager in Seattle opened a call with, "The trial signups thing — tell me about that," before I'd said a word about myself.
That's the whole thesis, really. The thumbnail test didn't just make my portfolio more legible; it made it quotable. It gave strangers a handle to grab.
A Note on Restraint
There's a temptation to read this as "make everything bigger and louder." That's not the lesson. The lesson is that hierarchy only matters if it survives degradation. A page where everything is emphasized is a page where nothing is. When I forced myself to choose one sentence per project, I was forced to figure out what each project was actually for — and two of my six projects couldn't answer. They came off the site. Nobody has missed them.
If your portfolio has ever felt ignored, before you rewrite a word of copy, try viewing it the way the world actually sees it: small, fast, and unimpressed. Design for the two-inch screen first. The big screen will take care of itself.
