Template 03 · Professional Practice

Nobody chooses an accountant
on enthusiasm.

Professional services sell on credibility, and credibility is built from specifics: who the partners are, what they're registered with, what happens in the first meeting and what it will cost. This template puts all of that where a prospect can find it in thirty seconds.

◆ Partner profiles with bios ◆ Credentials front and centre ◆ Consultation booking ◆ Client portal entry point
🔒 hartsmithvale.co.za

Open a service, click a partner, try the portal link. All of it works inside the screen.

What's included

Restraint is the feature.

A professional practice site fails by trying too hard. No stock photographs of handshakes, no animated counters spinning up, no jargon about synergies. Quiet typography, real names, real numbers — and everything a cautious buyer needs to justify picking you.

Partner profiles that build trust

Photograph, qualification, and a bio with something human in it. Click to expand — the detail is there for the people who want it, out of the way for those who don't.

Credentials as a design element

Registrations, licences and B-BBEE level sit in a strip directly under the fold. For regulated work these are not decoration — they are the first filter a serious buyer applies.

Services that expand, not sprawl

Four headings, each opening to detail and a sub-list. A prospect scans the four, opens the one that matches, and never has to load another page.

Consultation booking with expectations set

Beside the form: what the first meeting involves, that it's free, that a partner attends, and when the fee proposal arrives. Removes the hesitation that kills professional enquiries.

An insights section worth having

Article cards with reading times, framed as "published when there's something to say" rather than a monthly newsletter nobody opens. Good for credibility and good for Google.

A client portal door

The sign-in sits in the top bar where returning clients look for it. In a live build this is the front door to the practice's own system — which is the point at which a website becomes software.

Mobile first

Read on a phone,
decided at a desk.

Professional services are the one category where desktop still matters — proposals get compared on a big screen. But the first look is almost always a phone, often from a referral message, and a practice that reads badly there rarely makes the shortlist.

  • ✓Accordions instead of long pagesFour taps to the exact service, no endless scrolling
  • ✓Phone number in the top barAbove the logo, tappable, on every screen
  • ✓Forms that fit a thumbStacked fields, native date picker, correct keyboards
  • ✓Serif type that survives a small screenChosen for legibility at 15px, not just for looks
Open it on your own phone ↗
Three templates, three personalities

Warm, urgent,
considered.

The café is warm and unhurried. The trades site is navy and shouting. This one is quiet, green and deliberate — the visual equivalent of a firm that doesn't need to raise its voice. Same engineering underneath, three entirely different rooms.

Forest
Deep
Gold
Ivory
Paper
The numbers are the easy part.
Display — Source Serif 4, 400 weight

A small chartered practice for owner-managed businesses. You will deal with the partner who signs your accounts.
Body — Inter, 400 weight

SAICA registered IRBA licence
Credential marks
How it runs

Four steps. About three weeks.

You'll be asked for things twice — once at the start and once at the review. The rest happens without you having to chase anybody.

Conversation

Who your clients are, how they find you, and what a good enquiry looks like. For a practice this is mostly about positioning.

Design

Colour, type and layout agreed on a working page — not a flat picture you have to imagine.

Build

Written by hand and tested on real devices. Partner photography arranged if you'd rather not use what you have.

Live

Domain, hosting, professional email and Google listing. Then a walkthrough so you can publish your own articles.

Next

Accountants, attorneys,
brokers, consultants.

Any practice that sells judgement rather than product fits this structure. And when the website stops being enough, the same studio builds the client portal behind it.

A note on honesty: Hartsmith & Vale does not exist. The practice, its partners, their qualifications, the client quotes and the registration numbers were all invented for this demonstration, and the portraits are AI-generated. The craft is real — this is genuinely the standard of site you would receive.