Career Evidence · 2026-09-20

Portfolio on a Resume: What to Link, Where to Put It, and How to Verify It

Choose what to include in a portfolio, place the link correctly, protect confidential work, and test every destination before you submit your resume.

Including a portfolio on a resume provides concrete proof of your skills, but it should only appear when the linked work directly supports your target role. The primary place to put a portfolio on a resume is in your contact header, alongside your email, phone number, and location. If you want to highlight specific projects, you can also link directly to individual case studies or repositories within your experience or project sections. Whether you link to a personal website, a code repository, or a dedicated creative portfolio, your URL must lead directly to curated, publicly accessible work that hiring teams can evaluate in seconds without creating an account or navigating broken pages.

Every link on your resume must earn its space. A portfolio link should never serve as a decorative placeholder or an uncurated archive of everything you have ever made. Hiring managers, recruiters, and senior peers review applications under strict time constraints. If they choose to click your link, they expect immediate relevance, clean navigation, and clear evidence of your contributions.

The Core Decision: When Does a Portfolio Belong on Your Resume?

Not every applicant needs a portfolio, and including one when it is unnecessary or incomplete can hurt an otherwise strong application. Before adding a link, evaluate whether work samples are expected in your field, whether your best work can be legally shared, and whether your online materials strengthen your candidacy.

                  ┌───────────────────────────────┐
                  │ Does your target role require │
                  │   visual, written, or code    │
                  │        deliverables?          │
                  └──────────────┬────────────────┘
                                 │
                 ┌───────────────┴───────────────┐
                 ▼                               ▼
               [YES]                            [NO]
                 │                               │
  ┌───────────────────────────────┐  ┌───────────────────────────────┐
  │ Can your work be shared       │  │ Do you have public side       │
  │ publicly without violating    │  │ projects directly relevant    │
  │ NDAs or confidentiality?      │  │ to the job requirements?      │
  └──────────────┬────────────────┘  └───────────────┬───────────────┘
                 │                                   │
         ┌───────┴───────┐                   ┌───────┴───────┐
         ▼               ▼                   ▼               ▼
       [YES]            [NO]               [YES]            [NO]
         │               │                   │               │
  ┌──────────────┐ ┌───────────────┐  ┌──────────────┐ ┌───────────────┐
  │ Add link in  │ │ Sanitize data │  │ Add link to  │ │ Omit link;    │
  │ header and   │ │ or discuss in │  │ relevant     │ │ rely on clear │
  │ projects.    │ │ interview.    │  │ projects.    │ │ bullet points.│
  └──────────────┘ └───────────────┘  └──────────────┘ └───────────────┘

Roles Where a Portfolio Is Standard Practice

For certain professions, portfolios are standard screening materials rather than optional bonuses:

  • Creative and Design Roles: Product designers, UX/UI designers, graphic artists, and art directors must demonstrate their visual hierarchy, design systems, and problem-solving process.
  • Content and Editorial Roles: Copywriters, technical writers, journalists, and content strategists use portfolios to demonstrate voice, clarity, research depth, and audience adaptation.
  • Software Engineering and Technical Roles: Front-end developers, full-stack engineers, and data scientists often benefit from linking to live applications, interactive dashboards, or public code repositories.
  • Architecture and Industrial Design: Physical and spatial designers rely on rendered mockups, technical drawings, and completed build photographs.

University career centers, including the UC Davis Career Center, emphasize that a portfolio is not a scrapbook. It is an intentional showcase of curated, reflective samples of work tailored to the specific opportunity.

Roles Where a Portfolio Is Usually Unnecessary

If your work does not produce tangible public deliverables, a portfolio is rarely expected. Finance analysts, operations managers, human resources specialists, customer support leads, and sales executives rarely need an external website.

For these fields, your resume's bullet points—grounded in scope, actions, and quantifiable outcomes—provide the necessary evidence. Adding an unnecessary link to an under-maintained personal website or an empty blog can distract the reviewer from your core qualifications.

The Confidentiality and NDA Boundary

A critical question for experienced professionals is whether their work is proprietary. If your work belongs to a current or former employer and is protected by a Non-Disclosure Agreement (NDA) or intellectual property agreement, you cannot host it publicly.

You have three professional options when handling confidential work:

  1. Sanitize the Deliverables: Strip all company branding, alter identifying metrics, replace real client data with synthetic data, and explicitly label the piece as a sanitized case study.
  2. Focus on Process Rather than Code or Assets: Describe the architectural decisions, methodologies, and outcomes on your resume without publishing proprietary files.
  3. Offer Private Presentations upon Request: Note in your application materials or interview conversations that in-depth case studies can be walked through in person, provided proprietary secrets remain protected.

Never place confidential work behind a password-protected public link without explicit, written authorization from your employer.

What to Link: Selecting Your URL and Curating Projects

When you decide to include a portfolio, you must determine what specific destination your link will point to and what content reviewers will encounter upon arrival.

Types of Portfolio Links

Depending on your discipline, your link will usually fall into one of four categories:

  1. Personal Domain / Portfolio Website: A custom domain (such as alexchen.dev or sarahkimdesign.com) that hosts case studies, an about page, and contact information. This is ideal for designers, consultants, and multidisciplinary professionals.
  2. Specialized Platform URL: A profile on an industry-standard platform, such as Behance or Dribbble for visual designers, GitHub for software engineers, or Contently/Muck Rack for journalists.
  3. Dedicated Case Study Document: A clean, view-only PDF deck or slide presentation hosted on a cloud drive (e.g., Google Drive or Dropbox). This works well for product managers and user researchers presenting complex project cycles.
  4. Live Product or Application URL: A direct link to a deployed web application, published research paper, or live product store listing.

Curate Three to Five Focused Projects

The most common mistake candidates make is attempting to link everything they have ever created. A hiring manager will rarely examine more than one or two projects during an initial screening pass.

Select three to five projects that align directly with the core requirements of your target job description:

  • Prioritize Quality and Depth over Volume: One thorough case study explaining the problem, constraints, iterations, and measurable result is far more persuasive than ten raw image mockups or basic code snippets.
  • Highlight Your Specific Contribution: If a project was built collaboratively, state your exact role. Did you write the backend API, design the user flow, or conduct the user interviews? Ambiguity about ownership diminishes credibility.
  • Remove Incomplete or Broken Work: If an older project no longer renders properly, uses deprecated dependencies, or has broken images, remove it or archive it out of view.

Where to Put the Portfolio Link on Your Resume

Placement determines whether a recruiter notices your link at the right moment in their reading flow. You can place links in your contact header, your dedicated projects section, or directly inside your work experience entries.

1. In the Contact Header (Primary Location)

The contact header at the top of page one is the standard and expected location for an overarching portfolio URL or personal website.

Place the link on the same line or directly beneath your phone number, email address, city and state, and LinkedIn profile. This ensures that any reviewer looking for your contact details immediately sees your work sample link.

ALEX CHEN
San Francisco, CA | (555) 019-2834 | alex.chen@email.com
Portfolio: alexchen.dev | GitHub: github.com/alexchen-dev | LinkedIn: linkedin.com/in/alexchen

2. Within a Dedicated Projects Section

If you want to direct the reader to a specific case study, codebase, or live application that demonstrates a particular technical or creative skill, include the link inside a dedicated "Projects" or "Selected Work" section.

This placement allows you to contextualize the link immediately with bullet points detailing the technology stack, project scope, and results.

PROJECTS

TaskFlow Productivity Web App | TaskFlowApp.example.com
Full-Stack Developer (React, Node.js, PostgreSQL)
- Designed and deployed an open-source task manager supporting real-time team collaboration.
- Implemented WebSocket connections for live updates, reducing sync latency across active clients.
- Repository: github.com/alexchen-dev/taskflow-core

3. Within the Professional Experience Section

When your best work sample is an article, public report, or live feature produced during your employment at a specific company, you can embed the link directly into the relevant role description.

SENIOR CONTENT STRATEGIST | Meridian Health Systems | 2023 – Present
- Authored the 2024 Patient Accessibility Guide (meridianhealth.example/access-guide), increasing organic search traffic by 34% over six months.
- Led editorial review across 45 clinical service pages to ensure plain-language medical accuracy.

Where Not to Put Your Portfolio Link

  • Do Not Bury It in an Interests Section: A portfolio represents professional evidence, not a hobby.
  • Do Not Scatter Unlabeled Links Across Every Bullet Point: Overcrowding a resume with hyperlinks creates visual noise and disrupts readability.
  • Do Not Use QR Codes on Standard Resumes: While QR codes can work on printed posters or conference business cards, they are counterproductive on digital resumes. Reviewers reading a PDF on a laptop cannot click a QR code, and many automated applicant tracking systems fail to parse or extract URLs embedded inside graphic images.

Formatting Links for Humans and Screening Systems

Application systems and human reviewers process resumes differently. Your formatting must accommodate both methods without compromising readability.

Anchor Text vs. Plain URLs

In digital PDF documents, hyperlinks can be formatted either as clickable descriptive anchor text (e.g., [View Portfolio](https://...)) or as clean, readable text URLs (e.g., portfolio.alexchen.dev).

Best practice for resumes is to display the clean, abbreviated URL text and hyper link it to the full HTTPS address:

  • Display Text: alexchen.dev/portfolio
  • Underlying Link Destination: https://www.alexchen.dev/portfolio

This dual approach helps, but you should test whether:

  1. A human recruiter clicking the PDF in their browser or PDF reader will open the site immediately.
  2. If the resume is printed, photocopied, or converted into an unformatted plain-text string by an applicant tracking system, the reader can still read, copy, or type the exact address.

Use Secure, Canonical URLs

Always verify that your link points to a secure address (https://) rather than an unencrypted connection (http://). Many corporate networks and browser security filters automatically block or warn users when visiting unencrypted or misconfigured websites.

Avoid using third-party link shorteners (such as bit.ly or tinyurl.com). Shortened links obscure the destination, trigger security filters, and appear unprofessional on an executive or technical document.

Truth-Preserving Resume Examples

The following examples illustrate how to structure portfolio information across different disciplines. These are formatted as realistic, illustrative models to show spacing, syntax, and context.

Example 1: Header and Project Placement for a UX Designer

(Illustrative example demonstrating a creative portfolio URL in the header and a specific case study link in projects.)

JORDAN TAYLOR
Chicago, IL | (555) 012-9876 | jordan.taylor@email.com
Portfolio: jordantaylor.design | LinkedIn: linkedin.com/in/jordantaylor-design

PROFESSIONAL SUMMARY
Product designer with five years of experience building accessible B2B software interfaces. Specializing in design systems, responsive web apps, and user research workflows.

SELECTED PROJECTS

FreightHub Dispatch Redesign | jordantaylor.design/freighthub
Lead UX Designer | Figma, React Design Tokens
- Redesigned driver scheduling interface, reducing dispatch configuration errors by 18% in user testing.
- Documented 40+ modular components within Figma tokens for engineering handoff across iOS and web platforms.
- Conducted 12 contextual usability sessions with regional dispatchers to identify workflow bottlenecks.

Example 2: Header and Repository Placement for a Software Engineer

(Illustrative example demonstrating GitHub profile links and technical repository URLs.)

DEVON PATEL
Austin, TX | (555) 014-4521 | devon.patel@email.com
Portfolio: devonpatel.dev | GitHub: github.com/devonpatel | LinkedIn: linkedin.com/in/devon-patel

TECHNICAL SKILLS
Languages: TypeScript, Python, SQL | Frameworks: Next.js, Node.js, FastAPI | Tools: Docker, AWS, PostgreSQL

PROJECTS

Distributed Cache Monitor | devonpatel.dev/cache-monitor
Creator & Maintainer | Python, Redis, Docker
- Built an open-source telemetry dashboard for tracking Redis cache invalidation rates in real time.
- Implemented async event listeners using FastAPI, maintaining sub-50ms latency under simulated loads.
- Source Code: github.com/devonpatel/distributed-cache-monitor

Example 3: Content and Editorial Samples for a Technical Writer

(Illustrative example demonstrating links to published white papers and documentation sets.)

MORGAN REED
Seattle, WA | (555) 018-7743 | morgan.reed@email.com
Writing Portfolio: morganreed.com/writing | LinkedIn: linkedin.com/in/morgan-reed

TECHNICAL WRITING EXPERIENCE

Apex Cloud Platforms | Technical Documentation Specialist | 2022 – Present
- Authored the Developer Quickstart Guide (docs.apexcloud.example/quickstart), adopted by over 2,000 active API integrators.
- Restructured customer-facing authentication tutorials, reducing onboarding-related support tickets by 14%.
- Published public API architecture white paper (morganreed.com/samples/apex-api-whitepaper).

The Pre-Application Audit: How to Verify Your Links

Before submitting your resume to any job posting, conduct a systematic audit of every link. Authoritative proofreading resources, including the CUNY Career Services Proofreading Checklist and the Case Western Reserve University Resume Checklist, emphasize rigorous verification across document formatting, hyperlinks, and final exported files.

Verification StepWhat to CheckCommon FailureHow to Fix
Incognito TestOpen the URL in an incognito / private browser window.The site prompts for a Google Drive or CMS login.Change file or folder permissions to "Anyone with the link can view."
Mobile CheckLoad the website on a smartphone screen.Navigation menus overlap; text is unreadable or images clip.Ensure responsive CSS layouts; test on iOS and Android viewports.
PDF ClickabilityClick the link inside an exported PDF document.The link is dead text, or clicking opens an incorrect URL.Re-export from your editor ensuring hyperlink metadata is preserved.
SSL / HTTPS CheckLook for the browser padlock icon on the destination page.The browser displays an untrusted certificate or privacy warning.Renew SSL certificates or configure HTTPS redirects at the host.
Landing TargetVerify the landing page content.The link lands on a generic homepage instead of the relevant project.Update the URL to point directly to the project or case study anchor.
Spelling AuditCheck each typed character in the printed URL string.A transposed letter (e.g., .dve instead of .dev) breaks the link.Read the URL aloud letter by letter; test by manually typing it.

Five Common Failure Modes to Avoid

Even qualified candidates miss interview opportunities due to avoidable technical and structural errors in their portfolio presentation.

1. The Password Wall Without Access Credentials

If you place your work behind a password to protect client privacy, you must provide the password directly on the resume next to the link (e.g., portfolio.site (Password: DesignReview2026)).

If a recruiter clicks your link and hits a login screen with no credentials, they will close the tab and move to the next candidate. Do not expect hiring teams to email you asking for access.

2. The Uncurated "Dumping Ground"

Linking to a GitHub profile with forty forked repositories and zero original code, or a design page containing thirty unfinished classroom assignments, weakens your application.

Curate your public presence. Pin your two or three best repositories on GitHub, add comprehensive README.md files explaining what the code does, and archive or hide incomplete side experiments.

3. Broken Links and Domain Expirations

Websites move, domains lapse, and hosting tiers change. Submitting a resume with a 404 Not Found error signals inattention to detail. Verify that every domain name registration and hosting plan will remain active throughout your entire job search campaign.

4. Overdesigned, Heavy Portfolio Sites

Portfolios featuring heavy video backgrounds, non-standard scrolling mechanics, and five-second loading animations frustrate hiring teams.

A recruiter reviewing fifty applications in an afternoon needs information quickly. Optimize your images, ensure fast page loads, and make your case studies readable without requiring complex interactions.

5. Naked Links Lacking Explanatory Context

Never paste an isolated URL onto your resume without explaining what it is. A link labeled simply Click Here or My Work provides no value if the link fails to open or if the document is parsed into plain text. Always identify the platform and project name clearly.

Using ResumePlot for This Draft

Use the resume builder to enter and edit your facts in the available sections, choose a template and preview your draft. Section layout and spacing are template-defined; the editor does not provide arbitrary custom sections, drag-and-drop section ordering or Word-style margin controls. Put additional evidence in an appropriate existing field, or use another editor when a required application format needs different fields.

Keep separately named JSON backups for different versions: local storage retains the current draft, not a version history. Cloud saving and sharing require the relevant membership. Export the PDF and review every page, line break, link and factual claim before submitting; the HTML preview is not a guarantee of identical PDF pagination or ATS acceptance.

Frequently Asked Questions

1. Should I include a portfolio URL if my work is protected by an NDA?

Do not post confidential or proprietary work on a public URL. Instead, create sanitized case studies that conceal client identities, proprietary algorithms, and sensitive commercial data. If sanitization is impossible, omit the public link and state in your resume or cover letter that you can present non-confidential project retrospectives during an interview.

2. What is the difference between a personal website and a portfolio on a resume?

A personal website often contains broader information, such as an about page, a personal blog, speaking engagements, and social links. A portfolio focuses strictly on curated work samples, case studies, and demonstrated project outcomes. On a resume, hiring teams care primarily about the work samples. If your personal website houses your portfolio, link directly to the portfolio or projects sub-page (e.g., yourname.com/work).

3. Can I link to a Google Drive folder instead of a website?

Yes, especially for writing samples, presentations, or spreadsheet models. However, you must verify access permissions before applying. Set the share setting to "Anyone with the link can view" and test the URL in an incognito window. Ensure the folder is organized with clearly titled, professionally formatted PDF documents rather than disorganized raw files.

4. Do recruiters actually click portfolio links on resumes?

Recruiter behavior varies by role and industry. Initial screening recruiters may spend only seconds scanning your resume text for core qualifications. However, if you pass that initial screening, hiring managers, design leads, and engineering directors frequently click portfolio links to evaluate the quality, craft, and depth of your work before scheduling an interview. A broken or uncurated link can eliminate you at that stage.

Action-Oriented Next Steps

  1. Audit Your Current Work Samples: Select three to five projects that directly reflect the core competencies of the job you want next.
  2. Perform the Incognito Check: Open every URL you plan to use in a private browsing window to verify that no login screens, permission errors, or broken layouts block the viewer.
  3. Format Your Contact Header: Place your clean, secure HTTPS portfolio link into your resume header alongside your basic contact details.
  4. Export and Test Your PDF: Download your updated resume, open it in a standard PDF viewer, and click every link to ensure it takes you directly to the correct destination before you submit your application.

Put the method to work on your resume

Edit, preview, back up, and export from one workspace.

Build your resume