FNJ

Freelancer Portfolio Website: The Pages That Win Clients

The pages a freelancer's website needs to turn visitors into clients: a clear positioning line, services, proof, process, pricing signals and one next step.

PublishedOctober 14, 2026
Read time8 min
Written byThe Framer → Next.js team
All posts ↗

A freelancer's website wins clients when it answers a prospect's questions in the order they ask them: is this person for someone like me, what exactly do I get, can they prove it, what is working with them like, roughly what will it cost, and how do I start. That maps to six pages: home, services, work, process, about and contact, with pricing signals on the services page. Samples matter, but a clear offer matters more.

Many freelance sites stumble on the first question. They show work before saying who it's for, so a good-fit client can't tell they're a good fit. This post goes page by page. If you'd like a site drafted from this structure, the freelancer portfolio builder starts from a prompt written for independent service businesses.

Start with one positioning line

Before you plan any page, write the one sentence your homepage will lead with. A useful pattern:

I help [specific client] get [specific outcome] with [service].

Here's how that reads in practice:

  • "Social media management for independent restaurants in Austin."
  • "Executive assistant for seed-stage founders, working US Eastern hours."
  • "Email marketing for Shopify brands planning their first product launch."
  • "Marketing audits and 90-day plans for B2B software companies with no marketing hire yet."

Compare those with "Creative freelancer helping businesses grow." The vague version feels safe and does nothing; nobody reads it and thinks "that's me."

The usual objection is that a niche will cost you work. It rarely works that way. The niche is for the headline, where specificity earns attention. You can still take projects outside it, and your services page can list adjacent work. Test your line with one question: could a stranger tell within a few seconds whether they're the right client?

The pages and what each must do

Page Its job Must include
Home Qualify the visitor and send them onward Positioning line, your main services, a strip of proof, one call to action
Services Answer "what exactly do I get?" Deliverables, scope, turnaround, what's not included, pricing signals
Work Prove you can do it Two to four case studies with real outcomes
Process Lower the perceived risk Steps, timeline, how and when you communicate
About Build trust in you as a person Photo, background, why this niche, location and time zone
Contact Make starting easy One clear method, what to include, how fast you reply

Services: sell deliverables, not activities

"I do social media" is an activity. A client can't picture it, compare it or say yes to it. A deliverable they can:

  • Social media management: "12 feed posts and 8 stories a month across two platforms, a content calendar sent for approval by the 25th, and a one-page monthly report." The social media manager portfolio page shows one way to present a retainer like this.
  • Virtual assistance: "Inbox and calendar management, 10 hours a week, with four hours overlapping US Eastern mornings." The virtual assistant portfolio page covers how to show reliability when there's little visual work to display.
  • Marketing consulting: "A two-week audit of your site, ads and email, ending in a prioritized 90-day plan and a call to walk through it." The marketing consultant portfolio page is built around offers like this.
  • Copywriting: "Homepage and three service pages, one round of revisions, delivered in two weeks." Writers have extra decisions to make about samples, covered on the copywriter portfolio page.

For each service, say what's included, what isn't, how long it takes and what you need from the client. The "not included" line saves you awkward conversations later.

Work: proof that holds up

Case studies

Two to four short case studies do more than a gallery of twenty logos. Give each one:

  1. The client, by name if they agree, or by type ("a regional chain of physiotherapy clinics").
  2. The situation before you started.
  3. What you did, in specific terms.
  4. The result, stated honestly.
  5. A testimonial, if you have one from that client.

Use numbers only if you have them and the client has agreed to share them, and give them context: over what period, compared with what. If you don't have numbers, describe the change plainly. The founder stopped answering email on weekends. The restaurant's posts went out on schedule every week. The launch shipped on the planned date.

Testimonials

A testimonial is strongest when it's specific and attributed: a real name, role and company, used with permission. Ask at the end of a project while the work is fresh, and make it easy by asking two questions: what was the situation before we worked together, and what changed? Answers to those are far more useful than "great to work with."

Show client logos only with permission.

No clients yet

Use what you have: work from a previous job (with your employer's permission), pro bono projects for a nonprofit or a friend's business in exchange for a testimonial, and spec work clearly labeled as spec. Say what each piece is. Nobody minds hiring a new freelancer; people mind being misled.

Process: show what working with you is like

A prospect hiring a freelancer for the first time is taking a risk. A process page reduces it by making the unknown concrete:

  1. Intro call, 20 to 30 minutes, to check fit.
  2. Proposal with scope, timeline and price, sent within a stated number of business days.
  3. Kickoff once the deposit is paid or the agreement is signed.
  4. Working rhythm: a weekly update, a shared folder, the tools you use.
  5. Revisions and handoff: how many rounds, and exactly what you deliver at the end.

Add your working hours and time zone. For remote clients, that one line answers a question they'd otherwise have to ask.

Pricing signals without a full rate card

You don't need to publish a price list, but some signal helps. Your options, from most to least transparent:

  • Fixed packages with prices. Best for repeatable work like a monthly retainer or an audit.
  • "From" prices. "Projects from [your number]" sets a floor without boxing you in.
  • Typical ranges. "Most projects run between [low] and [high]."
  • No prices, with a budget question in your inquiry.

A starting point filters out prospects who can't afford you before they book a call, which saves both of you time. Hiding prices keeps flexibility for custom work, at the cost of more calls that go nowhere. If you're unsure, start with "from" prices and adjust as you learn.

Contact: one clear next step

Pick one primary action and make it obvious: book an intro call, send an email, or fill in a short form. A scheduling link works well if you sell through calls. Tell people what to include (what they need, their timeline, a budget range) and how quickly you reply.

Keep any form short. On a static site the form itself comes from a separate service, and this guide to adding a contact form to a static website walks through the options.

A note on hosting

A freelance site is a commercial site. Vercel's free Hobby plan is for personal, non-commercial use, so a business site there needs Pro. Cloudflare Pages' free plan includes custom domains and has no published bandwidth cap for static assets, which suits a small services site.

Where FNJ fits

If you want this structure designed without starting from a blank page, you can build a freelancer portfolio with FNJ's AI builder. Give it your positioning line and a screenshot or link of a site whose look you like, and it designs the pages you ask for (home, services, work, process, about, contact) at desktop, tablet and phone widths, with copy written for your business that you can edit on the canvas. It's a paid tool and it doesn't build forms or booking, so your contact button links to the tools you choose, and you export the code and host it on your own account.

Frequently asked questions

What pages should a freelancer website have?

Home, services, work or case studies, process, about and contact, with pricing signals on the services page or a page of their own. Together they tell a prospect if you're the right fit, what they get, whether you can deliver it, and how to start.

Should freelancers put prices on their website?

Some price signal usually helps, such as fixed packages, "from" prices or typical ranges. It filters out prospects who can't afford you before a call, while hiding prices keeps flexibility for custom work at the cost of more calls that go nowhere.

How can a new freelancer get testimonials?

Ask at the end of every project, including pro bono work and work from a previous job, while it's fresh. Make it easy by asking what the situation was before and what changed, and get permission to use the client's name and role.

Do I need my own website if I already use a freelance marketplace?

A marketplace profile can bring work, but your own site is the address you control: it carries your domain, your positioning and your case studies, and it stays yours if you change platforms. Many freelancers use both and link one to the other.

Should I niche down as a freelancer?

For your homepage headline, yes: naming a specific client and outcome helps the right prospects recognize themselves. You can still accept work outside the niche and list adjacent services elsewhere on the site.

#portfolio#ai website builder#freelancers#freelance business

Build your portfolio with our AI builder

Show it a site you love and describe your work. It designs every page for desktop, tablet and phone, and gives you the code.

Try the AI builder →
Up nextCopywriter Portfolio: What to Include (Even Without Clients)
Also readPortfolio Website Ideas for 12 Professions, Page by Page
Also readPersonal Website vs Portfolio: Which Should You Build?

Ready to convert your website?

Paste your published Framer URL to generate a production-ready project in minutes.

Example: https://your-site.framer.websiteYour published site’s address — the one visitors see. A custom domain works too.