Two instructional designers apply for the same mid-level role. Same years of experience, same tools listed, nearly identical resumes. One gets an offer in three weeks. The other gets a polite "we went with someone whose work was a closer fit." The difference was never the resume. It was a single link at the bottom of it — and what happened when the hiring manager clicked it.
I have sat on the hiring side of enough ID interview pipelines to watch this play out the same way over and over. The resume and the portfolio feel like the same artifact — both are "here is my work" — so people pour their energy into the wrong one. They polish the resume into a glossy keyword sheet and treat the portfolio as an afterthought. That is exactly backwards.
The resume gets you the call. One specific shape of portfolio gets you the offer.— the whole article in one line
What the resume is actually for.
The resume has exactly one job: survive the filter. It is read fast, often by a recruiter or an applicant-tracking system, scanning for the keywords that map to the job description — Articulate Storyline, xAPI, needs analysis, Kirkpatrick, SCORM. Its purpose is not to win you the role. Its purpose is to not get you eliminated, and to earn the fifteen minutes where a human finally looks at your work.
So make it scannable and specific. Lead each role with an outcome, not a duty: "Redesigned onboarding curriculum; cut new-hire ramp from six weeks to four" beats "Responsible for creating training content." Mirror the language in the job posting so the ATS and the recruiter both find what they are looking for. Then stop. The resume is a filter, not a flex — every extra paragraph you add is a paragraph the reader skims past on the way to the link.
Put your portfolio URL in the resume header, next to your email — not buried at the bottom, and never as "portfolio available on request." If a reader has to ask for it, you have already lost the one reader who matters. The whole point of the resume is to deliver them to the work.
The one portfolio shape that converts.
Here is the part nobody tells you. The portfolios that get IDs hired are not the prettiest, the longest, or the ones with the slickest landing page. They all share one structure: a small number of runnable case studies, each told as a story with a measurable end. Not a gallery of screenshots. Not a fifteen-tile grid. Three to five pieces a hiring manager can actually open, click through, and finish.
Every strong piece answers four questions in this order:
- The problem. What was broken? A failing compliance pass rate, a six-week ramp, a course nobody finished. Concrete and specific.
- The decision. What did you choose, and why? Branching over linear because the audience needed to practice judgment. Scenario over lecture because retention was the goal. This is the part that signals seniority — anyone can build a slide; a senior ID defends a design choice.
- The artifact.The actual module, live and launchable in the browser. They click "Launch," the SCORM runs, the branching works, the assessment scores. This is the proof that you did the work, not just described it.
- The outcome. What changed? Completion went up, errors went down, the client renewed. Even a modest, honest number ends the story with evidence instead of a shrug.
That problem → decision → artifact → outcome arc is the spine of every case study that converts. If you want a fill-in-the-blank version, we wrote one up in the STAR case-study template, and there is a gallery of the pattern done well in ID portfolio examples.
Can this person diagnose a learning problem, defend a design decision, and ship something that runs? The resume can only claim it. The portfolio proves it.— what a hiring manager is really asking
Portfolio formats, ranked.
Once you have the right shape, the format you ship it in decides whether the hiring manager ever experiences your work the way you built it. Ranked by how well they survive contact with a busy reviewer:
A live portfolio where each module actually runs.
Best for: every ID who builds interactive work
This is the format that wins, because it is the only one that shows the thing you are actually being hired to make. The reviewer reads the problem and your decision, then clicks Launch and lives inside the interaction. A SCORM package is a runtime, not a file you email — so it needs a home that runs it. Our walkthrough on how to host a SCORM file covers the options; purpose-built ID hosting wraps a portfolio page around the running module and gives you expiring links for the work you cannot show publicly.
What's good
- Hiring manager launches the real module — branching, scoring, the craft is visible
- Case-study text and the runnable artifact live on one page
- Signed share-links with expiry cover NDA and client-confidential work
- Reads as a portfolio, not an admin console or a download folder
What's not
- You have to host the SCORM somewhere that runs it, not just store the file
- A weak module has nowhere to hide once it is live
A personal site with embedded demos and write-ups.
Best for: IDs comfortable maintaining their own site
A personal site is a great wrapper as long as the modules inside it genuinely run. The failure mode is spending three weekends on the homepage animation and linking out to a PDF for the actual work. If you go this route, host the modules on something that serves the runtime and embed the live launch — see sharing Storyline the modern way for the embed-that-does-not-break pattern.
What's good
- Full control over narrative, branding, and layout
- Can embed live module launches alongside the case study
- Doubles as your professional home base and SEO surface
What's not
- You now maintain a website on top of doing the work
- Easy to over-design the chrome and under-invest in the modules
- Embeds break on theme and plugin updates if you are not watching
A PDF or slide-deck portfolio.
Best for: a leave-behind summary, never the main event
A PDF cannot run a SCORM module, so it erases the exact thing that separates an ID portfolio from a graphic-design one: interaction. A static screenshot of a decision tree is not a decision tree. Use a deck as a leave-behind if you must, but if the only artifact a hiring manager can reach is a PDF, you have hidden your craft behind a thumbnail of it.
What's good
- Trivial to assemble and attach to an email
- Fine as a one-page recap after a strong interview
What's not
- Flattens interactivity — the reviewer sees a screenshot of a branch, not the branch
- No way to launch, click, or score anything
- Reads as a deliverable about your work, not the work itself
The gaps that quietly kill you.
Most rejected portfolios are not bad. They are incomplete in ways the candidate never sees, because they only ever review their own work while logged in. Three gaps come up again and again.
1. The link is dead from the outside.
You test the portfolio in the tab you built it in, where you are authenticated and the cache is warm. The hiring manager opens it cold, logged out, on a phone — and hits a login wall, a 404, or a module that never loads. Always open your own link in an incognito window before you send it. The view that matters is the one a stranger gets.
Sending a portfolio you have only ever seen logged in. Your authenticated session hides broken share permissions, expired links, and modules that silently fail to launch for an anonymous visitor. Verify every piece from a logged-out incognito window — that is the only view that matches what a hiring manager actually experiences.
2. The modules describe work instead of being work.
A wall of text that says "I built a branching scenario" with a screenshot is a claim. A button that launches the branching scenario is proof. If a reviewer cannot interact with at least one or two real modules, your portfolio is doing the same job as your resume — asserting — and you have given them no reason to believe the assertion.
3. No outcomes, so every story trails off.
"I designed a compliance course" ends on a flat note. "Pass rates on the compliance assessment rose after I rebuilt the practice scenarios" ends on evidence. You do not need dramatic numbers — you need an ending that shows you measure your work. If you are early-career and short on outcomes, borrow the discipline from how seniors think about scope and impact; our piece on pricing your first freelance ID project is really about framing the value of the work, which is the same muscle.
TL;DR.
The resume is a filter. Make it scannable, keyword-true to the job posting, outcome-led, and short. Its only job is to earn the click and put your portfolio link in front of a human.
The portfolio is the decision. Three to five runnable case studies, each built on problem → decision → artifact → outcome. Modules that actually launch in the browser, not screenshots of modules.
Ship it live, not as a PDF. Host the SCORM somewhere that runs it, wrap a portfolio page around it, and use expiring share-links for confidential work. Then test the whole thing logged out, in incognito, before you ever paste the link into an application.
Frequently asked questions.
Do I still need a resume if I have a strong portfolio?
Yes. The resume is how recruiters and applicant-tracking systems filter the pile and decide whether to give you the call. The portfolio is how the hiring manager decides to make the offer. They are different documents for different readers at different stages — you need both.
How many projects should an instructional design portfolio have?
Three to five, not fifteen. A small number of deep, runnable case studies beats a long gallery of thumbnails. Each piece should show the problem, your design decision, and a measurable outcome — depth signals seniority far more than volume.
Should I link a PDF portfolio or a live one?
Link a live one. A PDF cannot let a hiring manager actually launch the module, click through a branching scenario, or take an assessment. The whole value of an ID portfolio is interactivity, and a PDF flattens exactly the thing you are being judged on.
What if my best work is under NDA?
Rebuild a sanitized version, or wrap the real module behind a signed share-link with an expiry so you control who sees it. Describe the problem and your decisions in your own words, swap client names for the industry, and recreate one representative interaction. Hiring managers care about your thinking, not the logo.
/06 Try it for free
Drop a SCORM file. See it live in 11 minutes.
Free for 3 modules. No card. Lifetime is $149 once. You read the article, you know how this is supposed to work — see it in your own browser.
About the author
Emily Rodriguez · Creative Director · 11 yrs.
How to host a SCORM file (without an LMS).
Tutorial · 14 min read
How to actually host a SCORM file. Without an LMS.
Free SCORM hosting that actually works in 2026.
Tutorial · 8 min read
The five "free SCORM hosting" tools, ranked.
21 instructional designer portfolio examples we steal from.
Examples · 12 min read