How to build a portfolio website in a day

A portfolio website has one job: to make the right person say yes. This guide walks through the build in the order that works, from deciding what the site is for to publishing it on an address you can put on a resume. It ends with an hour-by-hour schedule, because the whole thing fits in one working day when you do the steps in this order.

Decide what the site is for

Before you touch a template, write one sentence that says who the site is for and what they should do after seeing it. "Art directors who hire freelance illustrators, and they should email me" is a site. "Everyone who might be interested in my work" is not.

That sentence decides almost everything else: which projects go in, what the homepage says first, and whether the site needs a resume, a price list or a booking form. Keep it where you can see it while you build.

A quick test for the sentence: can you name the person? "A creative director at an agency in Berlin" passes. "Companies" does not. The more precisely you can picture the visitor, the easier every later choice becomes, from the first line on the homepage to the order of the projects.

Choose the work that goes in

A portfolio is curated, not complete. Eight to twelve strong pieces beat forty mixed ones, because a visitor judges you by the weakest thing on the page, not the best. Pick the work you want more of: if you want editorial commissions, lead with editorial, even if the corporate work paid better.

Three rules make the cut easier:

• Recent beats old. Work older than three or four years shows where you were, not where you are. Keep an old piece only if it is still the best example of a skill you sell.
• Finished beats promising. A shipped project with a modest brief says more than an ambitious concept that never left the sketchbook. Personal projects count when they are complete.
• Show the kind of client you want. One project for the type of client you are after is worth three for clients you would rather not repeat.

For each piece, choose one image that reads at thumbnail size: a single strong frame, not a collage. Detail shots, process and alternatives belong on the project page, not in the grid.

If a project is under a non-disclosure agreement, ask the client for permission before it goes online. When the answer is no, describe the work without naming the client and without the identifying visuals, or leave it out. A vague project hurts less than a broken agreement.

Plan the pages

Most portfolios need four pages, and a one-page site can hold all four as sections. Each page answers one question the visitor is asking:

If you are looking for a job, add a resume page with a downloadable PDF. If you sell, add a page for prices or packages. Anything else waits until a real visitor asks for it. On FolioPage the Free plan holds five pages, which covers this plan with room to spare, and the Pro plan holds fifty.

Decide the menu at the same time. Four or five entries, in the order a visitor reads them: Work, About, Contact, and the resume or prices page when you have one. A one-page site links the same entries to sections on the homepage.

Pick a template and make it yours

Starting from a finished site is faster than starting from a blank page, and every part of it stays editable. On FolioPage, the template gallery is sorted by field, and each template is a complete site: pages, sections, menus, design and sample images. Choose the one whose structure matches your page plan, not the one with the prettiest sample photos. The photos will be yours in an hour.

Two questions settle the choice:

1. One page or several? A one-page template fits under ten projects and a single audience. A multi-page template gives projects their own room and keeps a resume or a price list off the homepage.
2. Grid or story? Photographers and illustrators usually want the work first, in a grid. Designers and agencies often want a sentence about the approach before the work. Pick the template that opens the way you want to open.

Once the site is built, edit it on the page: swap the images, rewrite the text where it stands, and add or remove sections from the library. Fonts and colors live in the design editor and apply site-wide, so you change them once. Pick one display font for headings and one for text, and stop there. The help center covers the first steps if you get stuck.

Write the words

People read portfolios faster than you think, so every page needs a first line that says the useful thing. Three rules cover most of it:

1. Write in the first person. "I design identities for small food brands" is a person; "We deliver brand solutions" is a template.
2. Describe each project as problem, work, result. What the client needed, what you made, what happened. Two or three sentences is enough.
3. Say where you are and what you are open to. "Based in Lisbon, available for freelance from October" answers the question every visitor has.

The same rules, applied to the lines people get wrong most often:

For a project description, this shape rarely fails: "The client needed X. I made Y. Since then, Z." Fill the Z with a fact when you have one, such as a launch, a sales number the client shared, or an award. When you have no fact, end on what you delivered and let the images do the rest.

Skip the mission statement. The work is the statement.

Prepare the images

Slow pages lose visitors before they see the work, so export for the web before uploading. A long edge of 2,000 pixels is enough for any portfolio page on a laptop, and a JPEG or WebP at 80 percent quality keeps most images under a few hundred kilobytes without a visible difference. Save the print-resolution files for the project page's download, or for clients who ask.

On FolioPage, images are JPEG, PNG, WebP, GIF or SVG, up to 2,000 pixels on the long edge and 5 MB per file on the Free plan, 4,000 pixels and 20 MB on Pro, and 8,000 pixels and 50 MB on Max, which also accepts PDF and video files. The Free plan's media library holds 50 files and 100 MB, enough for a twelve-project portfolio with two or three images each.

Name the files before uploading: "bakery-packaging-01.jpg" is searchable in your library a year from now; "IMG_4821.jpg" is not.

Give the working pages a job

The homepage sells; the other pages work. FolioPage's apps handle the ones with a job of their own:

• Resume. Fill in experience, education and skills once. The Resume app publishes a resume page on your site and generates a matching PDF from the same content, so the two never drift. The Free plan includes one resume layout.
• Links. A links page for every profile and shop, on your own address, so the link in your social bios is one you control. Up to five links on the Free plan.
• Contact forms. A form that reaches your inbox, with spam protection, on the Pro and Max plans. On the Free plan, put an email address on the contact page.
• Page settings. Every page has an SEO title, an SEO description and a social share image, and a Hide from search engines switch for pages you would rather keep out of results, such as a client-only project. Pro and Max can also protect a page with a password.

A one-day schedule

The order above is the order of the day. Times assume you already have the work on your computer.

Publish and share

A site that is not live is not a portfolio. On FolioPage the Free plan publishes on a folio.page address the moment you press publish, and the paid plans let you connect a domain you own. Either way, put the address on your resume, your email signature and your social profiles the same day.

Then keep it moving: add a project when it ships, remove one when it stops representing you, and re-read the About page every few months. A portfolio that changes reads as someone who is working. Set a reminder for a quarterly pass if you know you will not think of it otherwise.

Common mistakes

• Too much work. Cut until every piece is one you would lead a meeting with.
• No way to contact you. An email address on every page, or a form that actually reaches your inbox.
• Vague titles. "Project 04" tells a visitor nothing; "Packaging for a Lisbon bakery" tells them whether to click.
• Slow images. Export for the web before uploading; a page that takes five seconds to appear loses the visitor who was about to hire you.
• A homepage that explains instead of showing. Lead with work, not with a paragraph about your philosophy.
• Three fonts and five colors. One display font, one text font, one accent color. Templates already make this choice well; keep it.
• Waiting for perfect. A live site with eight projects beats an unpublished one with twenty. Publish, then improve.

How many projects should a portfolio website have?

Eight to twelve for most fields. Fewer is fine when each one is strong; more only if the extra pieces show a different skill you want to be hired for.

Do I need a custom domain?

Not to start. A free folio.page address works for job applications and client pitches. Move to your own domain when the portfolio becomes your long-term address.

One page or several?

One page when you have under ten pieces and a single audience. Several pages when projects need their own room, or when a resume, prices or a blog would crowd the home page.

Can I build a portfolio website in a day?

Yes, if the work is chosen and exported before you start and you follow one order. Deciding what to show takes longer than building the pages, which is why the schedule above starts with the sentence and the selection, not the template.

What if I do not have enough finished work?

Build with what you have and make personal projects to fill the gap, treated as seriously as client work: a brief, a finished result, a description. Three complete pieces beat eight unfinished ones, and the site can grow one project at a time.

More guides like this live in the Guides section, and the features page shows everything a FolioPage site can do.