The one decision behind the Mutiara Associates demo site
The home page opens on a Darfield landscape with two separate doors: one for residents with a concern, one for professional services. That single decision shapes the whole demo.
The decisionOpen the home page with a full-bleed Darfield landscape and a short first-person line, then offer two separate doors: Raise a local concern as the main one, Professional services as a quieter text link.
Why
The owner wants exposure and credibility, and wants residents with a community concern to reach them easily. A photograph of the plains says local faster than a sentence. Two doors keep council work and professional work apart, so neither muddies the other.
What we passed on
A split hero with the concern flow as the first thing on screen. It turns the first impression into a form, which feels bureaucratic when the goal is exposure and a neighbourly voice. The flow gets its own band lower down instead.
What rests on it
The concern note band, the warm serif for what the owner says, the quiet grotesk for how to reach them, the tussock green and ochre palette and the landscape-only photography all follow from a page that reads like a local notice, not an institution.
Around the decision
We looked at how councils present elected members and at a local-government sector body's site. From them we took the council email as a formal route and a calm, spacious reading style for civic content.
A plain-spoken local notice printed on warm paper: wide Canterbury landscapes under a big sky, Fraunces for what the owner says, Hanken Grotesk for how to reach them, and one deep tussock-green ink. A resident should feel they are writing to a neighbour who answers.
The signature moment
The concern note. A resident picks a topic (roads, water, rubbish, planning, parks or other), says how pressing it is and when to be called back. The page hands back a printed note with a reference and the plain line: This is a demo. Nothing was sent.
What we tookThe council email is the formal route for residents, so the demo shows it beside the owner's own contact, each honestly labelled.
What we tookCivic content reads best when it is calm and spacious, so the demo uses wide margins, large plain headings and plenty of open paper-coloured space.
The build sheet
Colour
Type
Fraunces for headlines, Hanken Grotesk for reading.
Pages
- Home
- A full-bleed plains landscape and a short first-person headline, with two separate doors into the site.
- Raise a local concern
- The guided concern note for Tāwera Malvern residents, with the council email shown beside the owner's own contact.
- Professional services
- Presents Mutiara Associates as a consulting practice, kept apart from the council work.
Search built in
- Page title pairs the owner's name and Darfield with Mutiara Associates.
- Meta description points residents to the Tāwera Malvern district councillor and to professional services in Darfield.
- Home page structured data uses the ProfessionalService and PostalAddress types.
- An llms.txt summary file is published.
A free demo website we built for Mutiara Associates before they had paid anything.
Want a demo built for yours?
A few minutes of questions on your phone. Richard builds a demo of your site, free, and you decide from there.