How to make a portfolio website (free, step by step)

Learning how to make a portfolio website is mostly about making a few decisions in the right order. The technical part, getting a page online, is the easy bit these days. The harder part is deciding what the site is for, choosing which work to show and writing about it clearly.

This guide walks through the whole process, from a blank page to a published link, in a way that works whichever tool you use. You can make a solid portfolio website for free in an afternoon or two, and improve it over time.

Step 1: Decide what the site is for

Before you collect anything or look at designs, write one sentence about what you want the site to do. For example:

• "Help me get interviews for junior front-end developer roles."
• "Show small business owners that I can design their brand and website."
• "Give hiring managers in healthcare a clear picture of my nursing experience."

That sentence shapes every later choice. It tells you which projects to feature, what your headline should say and what a visitor should do at the end of the page. If you try to speak to everyone at once, the site ends up saying very little to anyone.

If you aren't sure yet whether you need a full portfolio, the guide on what a portfolio website is covers who benefits and why.

Step 2: Gather your material

Next, collect everything you might use in one folder. Don't edit yet. Just gather.

• Your current resume or CV. It's the backbone of your experience and skills sections.
• Work samples. Screenshots, photos, PDFs, writing samples, links to live projects, code repositories or videos.
• Numbers and outcomes. Any results you can point to: time saved, people trained, projects delivered, growth in a metric you owned.
• Kind words. Short quotes from managers, clients or colleagues, if you have permission to use them.
• A photo, if you want one on the page. It's optional.

Then pick your best three to five pieces. Choose work that matches the goal from step 1, not just the work you're proudest of. If you're short on material, read building a portfolio with no experience for ideas on course projects, volunteer work and self-initiated pieces.

Step 3: Plan a simple structure

Most effective portfolio websites are one page, or a home page plus a page for each detailed project. A reliable order looks like this:

1. Header with your name and a one-line headline.
2. Short bio of two to four sentences.
3. Featured projects, each with a title, an image or link and a short explanation.
4. Experience, a condensed version of your resume.
5. Skills, grouped so they're easy to scan.
6. Contact section with a clear next step.

You can add testimonials, certifications, education or a downloadable resume if they help your goal. Leave out anything that doesn't. For a fuller checklist, see what to include on a portfolio website.

Step 4: Write the words first

It's tempting to start with design, but words are what convince people. Write them before you choose a template, so you aren't squeezing your content into a layout built for something else.

Your headline

One line that says what you do and, ideally, for whom. "Product designer focused on healthcare apps" beats "Creative problem solver." The guide on writing a portfolio headline has many examples.

Your bio

A few sentences on your background, your focus and what you're looking for. Write it the way you'd introduce yourself to someone at a work event. See how to write a professional bio for a simple structure.

Your project descriptions

For each project, answer four questions in a short paragraph or a few bullets:

• What was the problem or goal?
• What was your role?
• What did you actually do?
• What happened as a result?

That's a mini case study. If a project deserves more depth, the guide on writing a case study explains how to expand it. Where you can, add a number. The guide on quantifying your achievements helps if you don't think you have any.

Read your project descriptions out loud. If a sentence sounds like a job advert ("leveraged cross-functional synergies"), rewrite it the way you'd say it to a friend.

Step 5: Choose how to build it

There are three common ways to make a portfolio website. Each one can produce a good result.

A portfolio builder

Builders give you ready-made designs and handle hosting for you. You fill in your content, choose a layout and publish. This is the fastest route for most people, and many builders have a free option. The trade-off is that you work within the builder's layouts.

A general website builder

General-purpose site builders are flexible and can make any kind of site. That flexibility means more decisions: you'll set up pages, navigation and sections yourself. It's a good fit if you want a blog, a shop or many pages alongside your portfolio.

Coding it yourself

If you're a developer, building your own site can itself be a portfolio piece. It gives you full control, but it takes longer, and you'll need to handle hosting, updates and mobile layouts. Many developers still use a builder for the main portfolio and link to their code separately, so the site stays easy to update.

Whichever route you choose, check that it lets you publish at a clean address, edit easily later and display well on a phone.

Step 6: Pick a design that fits

With your content written, choose a design that makes it easy to read for the audience you named in step 1. Visual fields need room for images. Technical fields benefit from clear project sections and links. Traditional fields usually suit calm, conventional layouts.

Test any design with your real name, real headline and real images before you commit. A layout that looks balanced with placeholder text can look very different with a long name or mixed image sizes. The guide on choosing a portfolio template goes through this in detail.

How to make a portfolio website with Folitox AI

If you'd rather not start from a blank page, Folitox AI is a free portfolio website maker that turns your resume into a first draft. You can try it without signing up. The process follows the same steps above, with the first draft done for you:

1. Upload your resume or CV as a PDF or DOCX file.
2. Review the AI draft. Folitox reads your resume and drafts a headline, bio, experience, skills and project sections. Everything is editable, so check each section, add your own voice and fill in details your resume left out.
3. Pick a template from 100+ designs, from quiet text-focused layouts to bolder visual ones. You can try different templates on the same content before you decide.
4. Publish at a free address like name.folitox.com, or connect your own custom domain.

There's also an Android app on Google Play if you'd like to edit from your phone. For more on how the conversion works, see resume to portfolio, or browse the portfolio templates first.

An AI draft is a starting point, not a finished site. Spend your time on the parts only you can write well: your headline, the story behind your best project and what you want next.

Step 7: Check it before you publish

Before you share your link, go through a short checklist:

• Read every word once more. Typos on a portfolio stand out more than on a resume.
• Open it on a real phone. Many people will see your site first from a message or an email.
• Click every link. Broken project links undo the work you put into describing them.
• Check your contact section. Make sure messages actually reach you.
• Review personal details. You don't need to publish your home address or phone number. See personal information on your portfolio.
• Ask one person to look. Ideally someone in your target field. Ask them what they think you do after ten seconds on the page.

The guide on common portfolio mistakes lists the problems worth catching before anyone else sees them.

Step 8: Choose your address

Your portfolio's address is what people will see on your resume and in your emails. A free subdomain with your name in it is perfectly professional for most purposes. A custom domain, such as yourname.com, looks a little more polished and stays with you if you ever change tools.

Keep it short, easy to spell and close to your real name. The guide on choosing a portfolio domain covers the options.

Step 9: Share it everywhere

A portfolio only works if people see it. Once it's live, add the link to:

• Your resume or CV, near your name and contact details.
• Your professional social profiles.
• Your email signature.
• Job applications and cover letters.
• Proposals, if you freelance.

The guide on where to share your portfolio has more ideas, and helping people find your portfolio in search explains the basics of showing up when someone searches your name.

Step 10: Keep it current

Set a reminder to review your site every few months. Add new projects, remove weaker ones, update your current role and refresh your headline if your direction changes. A portfolio that's a little out of date is better than none, but a current one is far more convincing. The guide on keeping your portfolio up to date suggests a simple routine.

Making a free portfolio website: a quick recap

To make a portfolio website, decide what it's for, gather your best work, plan a simple structure and write the words before choosing a design. Then pick a tool, apply a template that fits your audience, check everything on a phone and publish at a clean address. Share the link wherever people meet you professionally, and revisit it every few months.

None of this requires paying for anything or learning to code. The time you invest is best spent on clear, specific writing about work you're proud of.