How to Create a Portfolio Website: The Complete Step-by-Step Guide

You're not a designer. You don't have three weekends to spare. What you have is a resume, work you're proud of, and the nagging feeling that a PDF attachment isn't the best way to be found. Good news: that's all the starting material you need.

This guide walks through creating a portfolio website from start to finish: defining the goal, gathering material, choosing a tool (honestly — there's no single right answer), structuring the page, publishing, and sharing. Depending on the tool, it takes between 10 minutes and one afternoon.

Why a portfolio when you already have a resume?

A resume answers one question: "are you qualified?" A portfolio answers a more decisive one: "do I want to work with you?"

Take Priya, a freelance data analyst in Toronto. When a prospect Googles her after a referral, they land either on a LinkedIn profile that looks like a million others, or on a page under her own name showing her projects, how she works, and a contact button. The second option turns a background check into the start of a conversation.

A portfolio also travels where a PDF can't: your email signature, your Upwork or GitHub bio, a LinkedIn message. A link gets clicked; an attachment gets downloaded, maybe opened, often lost.

1Define what your portfolio needs to accomplish

This is the step everyone skips — which is why so many portfolios read like resumes with a background color.

Ask yourself one question: when someone lands on my page, what do I want them to do before leaving? There are only a few possible answers:

• Contact me about a project (freelancer, consultant)
• Invite me to interview (job seeker)
• Book a call or request a quote (independent with a packaged offer)

One goal. Just one. A freelance React developer hunting for contracts doesn't need to mention three years of tech support from 2018. A project manager pivoting into UX, on the other hand, should tell that transition story in a single sentence right at the top.

2Gather your material (your resume is enough to start)

No blank-page syndrome required: your resume already contains 80% of the content. Open it and pull out:

• Your 3-6 most compelling projects. Not the most recent — the most compelling. For each: the context, what you did, the result. "Migrated a 40-person retailer to a new ERP in 4 months" beats ten bullet points of responsibilities.
• Numbers, even modest ones. A budget managed, a deadline hit, a rate improved. Numbers stop the scroll.
• One positioning sentence. Who you help + with what. "I help B2B SaaS teams ship onboarding flows that stick" is plenty.
• A decent photo. Not mandatory, but a face builds trust. Natural light, plain background, a smile — your phone camera is fine.

If your resume is up to date, this step takes twenty minutes. If it isn't, now is the moment: the same document then becomes the source for turning your resume into a website in seconds.

3Choose the tool without wasting a month

This is where most people lose weeks. Let's be honest about the options:

Wix or Squarespace — full-blown website builders, genuinely capable. Great if you want a multi-page site with a blog and a shop. The trade-off: several hours of learning curve, a monthly subscription (Squarespace runs roughly €16-49/mo), and ads on Wix's free tier.

WordPress — total freedom. But between hosting, themes, plugins, and security updates, it's a project in itself. Worth it if the website is your business; overkill for a portfolio page.

Notion — fast and free if you already live in Notion. The result still looks like a shared document: readable, but rarely perceived as a "real website" by a recruiter or client.

Carrd — excellent for a single page, very affordable ($9-49/yr). But you build everything yourself, block by block, and the final design depends entirely on your eye.

Pastefolio — built for one precise case: you have a resume and ten minutes. Paste the text or upload the PDF, AI structures it into a profile, you pick from 3 templates and 8 color palettes, and you preview the full result without creating an account. It's the "I want to be online tonight" option, not the "I want a fully custom site" option.

4Structure your page

Whatever the tool, the structure that works is five blocks, in this order:

1. The hook — name, role, positioning sentence, contact button. A visitor should know who you are within five seconds.
2. Selected work — your 3-6 projects from Step 2, results first.
3. Skills — a short, honest list. Twelve credible skills beat forty keywords.
4. About — three or four sentences with actual personality. People hire people, not bullet lists.
5. Contact — a clickable email, LinkedIn, and nothing that takes more than one click.

For a section-by-section breakdown with example copy, see our guide to the essential freelancer portfolio sections.

5Publish

The step people postpone, usually while waiting for "everything to be perfect." Publish imperfect; edit later.

Concretely, with Pastefolio: publishing on your yourname.pastefolio.app address is free, with a discreet "Made with Pastefolio" badge in the footer. Pro is a one-time $15 payment — no subscription — and removes the badge, unlocks premium templates, and generates a downloadable PDF resume matching your site's design. Either way, a magic link sent to your email lets you edit your content whenever you want, forever.

Before hitting publish, check three things:

• Read your copy out loud. Typos are easier to hear than to see.
• Open the page on your phone. More than half your visitors will see it that way.
• Test the contact link. A broken mailto is a project lost in silence.

6Share it and keep it alive

A portfolio nobody sees is a diary. As soon as it's live:

• Add the link to your LinkedIn profile (the "Website" field plus one line in your summary).
• Put it in your email signature. Every message you send becomes a business card.
• Drop it into applications and proposals. "My portfolio covers three similar projects: [link]" is a sentence that gets clicked.
• Update it after every finished project. Five minutes a quarter is enough; a portfolio frozen for two years hurts more than it helps.

There's also the long-term budget question: stay on a free plan or pay? Our honest free vs paid comparison walks through the real criteria — spoiler: free is genuinely enough for a lot of people.

Recap

1. One goal, one sentence, one call to action.
2. Your resume already holds the material: 3-6 projects, numbers, a photo.
3. Pick the tool based on the time you actually have, not the marketing promise.
4. Five blocks: hook, work, skills, about, contact.
5. Publish imperfect — and check it on mobile.
6. Put the link everywhere your name travels.

The best time to put your portfolio online was last month. The second best time is before you close this tab: paste your resume and see your portfolio in 60 seconds — the full preview is free, no account needed.