In short
A useful freelance services website can start as one page.
Lead with the work you take on, show two relevant examples, and end with one honest contact route.
We built a fictional studio page in NOS, shared it, corrected its positioning line, and saw the correction at the original reader address.
The page presents information; it does not collect enquiries, book appointments, or take payments.
Before building the page, prepare a clear service statement, two work examples you are allowed to show, and one contact route you actually monitor. Those are the parts a potential client needs before deciding whether to write to you.
Northline Studio is a fictional independent brand designer used throughout this guide. Its page names three services, explains two made-up projects, and opens a draft email through an example.com address. No real client, contact, or performance data appears in it.
What should a freelance services website include?
Start with three jobs, in this order:
- Say what you do and for whom. A visitor should not have to infer your service from a job title.
- Show how you work. For each example, name the need and your part in the work. If the project is fictional, label it. Do not manufacture a result.
- Give one next step. Use an email link, a booking service you have tested, or another contact route you actually monitor.
The example adds a clear boundary beside the contact section: it does not take bookings, payments, or private customer details. That sentence prevents a presentation page from pretending to be a client portal.
How do you put the one-page example together?
Write one complete page and label any invented work clearly. Open Code to keep the content and styling together while checking the first screen in the preview.
Open View and read the page in the same order as a potential client: positioning line, contact action, services, work examples, then the scope boundary. On a phone-width screen, the headline and service statement should appear before the first service card.
Next, open Share. The panel says that a person with the link can read without signing in and cannot edit the page. Copy that reader address instead of the workspace address.
The first public view showed the original line, “Brand systems and launch pages for independent food businesses.” It also showed the email action and the first two service cards without an editing toolbar.
How do you write a freelance website without vague claims?
Write the page from the decision a client is making. “Brand direction” alone is a label. “A practical visual system: type, color, voice, and rules for everyday use” tells the reader what sits inside that service.
Use the same discipline for work examples:
- Need: the problem the work was meant to solve.
- Work: the parts you handled.
- Result: only a result you can support. If there is no real result, stop after the work or label the example as fictional.
The fictional coffee example therefore says what needed clarification and what the designer would make. It does not claim higher sales, happier customers, or a launch date that never happened.
Can you update a freelance website after sending the link?
Open Edit on the existing page and click the service statement you want to refine.
Replace “food businesses” with “hospitality businesses” and choose Done. View then shows the revised sentence on that same workspace page.
Reopen the original reader address after saving. It shows the revised line, so the correction does not require another link.
Practical result: a typo, clearer service description, or updated project summary can be corrected on the maintained page. Reopen the reader address after every change; saving in the editor is not the final check.
What makes a freelance project example useful?
A screenshot without context makes the visitor guess what you contributed. The Northline example pairs every project name with a need and a work line, and keeps those details readable below the service cards.
If you have real work you may show, replace the fictional names with approved material and describe your own contribution precisely. If an agreement prevents disclosure, do not upload the client’s files or identify the client indirectly. A self-directed sample can demonstrate your decisions without borrowing confidential facts.
Should a freelance website be one page or several?
One page is enough when one visitor can understand the service, inspect a small set of examples, and find the contact route in one scroll. It is also a useful first version when your words are still changing.
Split the site when the work itself needs more room: several detailed case studies, distinct services for different buyers, required legal information, or a maintained library. A larger site is a content decision, not a badge of professionalism.
If the portfolio is the main proof, continue with the HTML portfolio guide. When an enquiry turns into a defined project, use the freelance proposal template. The small-business one-page guide covers hours, location, and call links for a different kind of reader.
When not to do this
Do not use a static presentation page as a substitute for systems it does not have. Choose a tested service built for the job if you need appointment availability, online payment, account access, private file exchange, or stored form submissions.
Anyone who receives a reader link may be able to forward it. Keep private client records, unpublished work, personal contact details, and confidential pricing off a page intended for open link access.
Where NOS fits
NOS held the complete fictional HTML page, showed it in Code and View, created a reader link, and let us correct visible text on the existing page. The original reader address then showed the saved wording. That makes it suitable for a maintained presentation page, not for bookings, payments, or private data collection. The fictional Northline example is prepared as a complete file for this guide.