Portfolio: a few pieces, each with its problem and its result

A page of your best work, each piece with its problem and outcome, to send with an application.

Live example

The example: Corinne Abara, information designer

Five projects, drawn tiles, a number for each

Corinne Abara, information designer

Open the exampleThe names and numbers are made up.

What to notice

  • The headline is a job description in one sentence: she redesigns bills, forms, timetables and signs.
  • Every project ends in a count: 23% fewer calls, 21 of 25 riders, about 18 requests for directions a day where there had been 60.
  • Each piece is shown as a small drawing, such as a bill with $64.20 at the top, so nothing depends on a client's screenshots.

The prompt that starts one like it

Make my portfolio as a single HTML page to send with job applications. I'm [name], a [trade] in [city]. Open with one sentence on what I do and who for. Then show these projects: [four to six, each with the client, the problem, what I did and the result]. I can't share screenshots, so draw a simple picture of each piece. Add a short About, when I'm available, and my email: [address]. It should read well on a phone. Then publish it on sharable.link.

Whoever opens your portfolio is usually working through a stack of them, a minute or two each. Corinne Abara, a made-up information designer, fits five projects into that minute, each cut down to a problem, what she did and a result with a number in it. Borrow the structure and bring your own work. Where you'd put a screenshot or a photo of the piece, hers has a small drawing.

Who it's for

Designers, developers and writers applying for a job, or answering a prospective client who asked to see some work. Send the link in the application or in your first reply.

If your work is the pictures themselves, as it is for a photographer or an illustrator, use a page like this as the cover note and keep the full gallery somewhere made for images. And if a project is under a confidentiality agreement, describe the problem and the result without the client's name.

What a good one contains

  • One sentence on what you do. The sample's headline names four things she redesigns. A reader knows in five seconds whether to keep going.
  • Four to six pieces. Five shows range. Twenty says you couldn't choose.
  • The problem, in the client's terms. "About 2,140 customers a month called only to ask what they owed" explains why the water bill needed work before anyone sees it.
  • What you did, with verbs and figures. Moved the amount due to the top in 28-point type. Cut 212 signs to 74. "Led the redesign" says nothing a stranger can picture.
  • A result someone counted. Bill calls down 23%. 21 of 25 riders finding the last bus, up from 11. With no figure to give, say what changed for one person.
  • Something to look at for each piece. A bill, a timetable, three clinic signs, each drawn small. A reader can skim the pictures and stop at the text.
  • A short About, and when you're free. Two paragraphs, where she's based, and "January 2027".
  • One way to reach you. An email address in large type at the bottom. A page can't receive messages, so skip the contact form.

Choosing the pieces

Pick for the job you want next. If you're applying to a transit agency, the timetable goes first. Leave out anything you'd have to apologize for in an interview.

Check every number against your own records before it goes on the page, because a careful hiring manager may call the water district. Ask before you name a client, too. Some will agree to the name and refuse the figures.

How to send it

As an open link. A hiring manager forwards it to the rest of the panel. A password is one more reason for someone not to look.

Every page you publish gets one link that opens in any browser. You choose who can open it: anyone with the link, anyone with the password, or only the people and company domains you name, who sign in with Google or Microsoft. Change the page later and the link stays the same.

Make yours in Claude

Add the connector once, then publish from any Claude conversation and get a link to send.

Add Claude Connector

Already have the file? Upload it here.

More in marketing

  • Landing page: A single page that makes one offer and asks for one thing, sent as a link before you have a website.
  • Competitive analysis: A short document that compares you with your rivals and says what to do about it.
  • Infographic: A long scrolling page that explains one subject with numbers, one drawn chart at a time.
  • Newsletter: One issue of a group's news as a page: a lead story, short items, dates and who wrote it.
  • Market research report: Survey and interview results written up for the client who has a decision to make.
  • Press release: A news announcement written for journalists: the facts, two quotes and a contact on one page.
  • All use cases