How to Build a Portfolio Site Without Code in 2026
How to Build a Portfolio Site Without Code in 2026
To build a portfolio site without code, write down the work you want to be hired for, describe the sections in plain language, and let an AI builder assemble the page. On Zugo a single-page portfolio takes about a minute, and publishing it to a live address at yourname.zugo.run is one click.
The hard part was never the HTML. It is deciding which six pieces of work belong on the page and which twenty do not. This guide covers the prompt, the structure, the image problem, the contact wiring, and the point where a builder stops helping.
What does a portfolio site have to prove?
A portfolio answers one question for the person reading it: can you do the specific job I am about to pay for? Everything else is decoration. That single question changes what goes on the page, because a hiring manager scanning for a match does not read your biography first.
Three things carry the proof. The work itself, shown large enough to judge. Context around each piece, so the viewer knows what you did rather than what the team did. And a way to reach you that takes one click and no thinking.
Most generated portfolios fail on the second one. A grid of pretty images with no captions tells a client nothing about your role, the constraint you worked under, or the outcome. Write two sentences per project and you are already ahead of most of the field.
What should the prompt say?
Name your discipline, your target client, and the projects by name. A vague prompt returns a vague page full of words like "passionate" and "creative solutions", which is exactly the tone a portfolio should avoid.
Build a portfolio site for [name], a [discipline] based in [city].
Target client: [who you want to hire you].
Hero: name, one-line positioning, "See work" and "Hire me" buttons.
Six projects: [title, client, my role, what changed, one image slot each].
About: three short paragraphs, the tools I use, where I work from.
Services: three named packages with what is included.
Contact: form with name, email, project type, budget range, message.
Tone: plain, specific, no filler adjectives.
The line that matters most is "my role". Without it every project reads as though you did all of it, which experienced clients discount automatically. With it, a project you contributed one thing to becomes credible instead of inflated.
If starting from an empty field feels slow, Zugo ships 25 ready templates and a portfolio or landing template gives you a structure to rewrite in your own words. Rewriting beats generating from nothing, because you are editing a decision rather than making one. The prompt-writing mechanics in general are covered in the guide to an AI portfolio website builder.
How many pages does a portfolio need?
Usually one, sometimes four. A single scrolling page works for most freelancers because the whole story fits in a scroll. Separate case study pages start to earn their keep when a project needs more than three paragraphs and four images.
| Setup | Who it fits | What it costs on Zugo |
|---|---|---|
| One scrolling page | Freelancers, junior roles, one clear discipline | 6 credits for the build |
| Page plus three case studies | Designers and consultants selling process | 12 credits, plus 3 per page beyond the first three |
| Page plus blog or writing samples | Writers, researchers, developer advocates | 12 credits, plus 3 per extra page |
The multi-page version is billed as a platform: 12 credits flat for the first three pages, then 3 credits for each additional page. It also takes a few minutes to assemble rather than one, because there is more to write and more to check.
Start with one page. Add case study pages once you know which two projects clients keep asking about, which you will only know after the site has been live for a month.
How do you get your own images and case studies in?
This is where portfolio builds get stuck, because a portfolio is mostly images and the builder cannot invent yours. Upload your own files rather than accepting placeholders, and give the builder image slots with captions rather than a vague "add a gallery".
Say what each slot holds: "project 1, three images, first one wide, caption naming client and year". That produces a layout you can drop files into instead of a layout you have to fight. The practical details of swapping generated visuals for real ones are covered in can I use my own images.
Export files at a sensible size before uploading. A 12 megabyte screenshot loads slowly on a phone, and the person deciding whether to email you is often on a phone between meetings. Resize to roughly the width they will be displayed at and the page stays quick.
If you have more than a dozen images per project, put the extras behind a case study page rather than the home grid. A home page that takes eight seconds to become useful loses the visitor before the work does its job.
How do enquiries actually reach you?
A contact form that renders but sends nothing is the most expensive bug on a portfolio, because it fails silently and you attribute the silence to the market. Wire it on the day you publish, then test it yourself.
Resend delivers each submission to your inbox. For a freelancer this is the connector that matters, since the form is the reason the site exists. Supabase stores enquiries in a real database if you want a list you can sort and filter, and it brings sign-in if you later add a private client area. Google Analytics tells you whether anyone reaches the form at all, which is a different problem from the form being broken.
Submit the form yourself from a phone on mobile data, not from the laptop you built on. That catches the two failures that matter: the email going nowhere, and the form being unusable on a small screen.
What does a portfolio site cost to build and keep online?
Zugo's Free tier gives you 5 credits to try the flow. Pro is $25 per month for 200 credits, which works out to 33 quick builds or 66 edits, and it includes connecting your own domain. Business is $99 per month for teams.
Editing is the cheap action at 3 credits, so the efficient pattern is one careful build followed by many small changes: "swap the third project for the new one", "move the services section above the about section", "make the contact button sticky on mobile". The Hi-Fi mode costs double, 6 credits for an edit and 12 for a build, and is worth it when visual polish is the product you are selling.
Until you attach a domain the site lives at yourname.zugo.run, which is fine for a first send and thin on a business card. Pointing a real domain at it takes a few minutes and is covered in the guide to connecting a custom domain.
Where does an AI builder stop for a portfolio?
Three honest boundaries.
Taste is still yours. The builder will produce a competent layout. It will not tell you that your third project is weak, that your positioning line says nothing, or that the six images all show the same idea. That editing is the work, and it is the part that gets you hired.
Heavy interactive showreels need help. A scrolling case study with synchronised video, WebGL, or a custom cursor is reachable through a series of edits, not one prompt. Budget an evening of refinement and expect to describe motion in words several times before it lands.
A complex product still wants a developer. Zugo does not replace a development team on a real application. A portfolio is not that, which is exactly why it is a good first build. If you outgrow the tool, GitHub export hands you a normal repository and the project is yours.
Before a build reaches you it is booted in a sandbox, and a build that failed to load is reported as a failure rather than handed over as a blank page. That lowers the risk of publishing something broken. It does not remove it, so click every link and open the site on your own phone before you put the address in an application.
Pick six projects, write two sentences each, and describe the page in your own words. You can start on the free credits at zugo.dev and have a live address to paste into an email tonight.