House of RunganoWebsite Structure — Team page · credentials, standards, back to the offer
Optional Announcement — one timely line, an offer, a launch, or a notice ×
LogoTagline
[Primary Offer] [Secondary Offer] Why [Brand] About TeamContact Blog & News [Community] Join [Community]Resource Library OptGuides OptEvents OptMembership Opt Primary action
01 — Page banner
H1 · Page heading

The [Job Title]s behind [Brand]

Intro · who delivers the work

The [descriptor] [job title]s behind [Offer], for [Ideal Client]

CTA · [Action] + [Offer]
[Action] + [Offer]
02 — Team
H2 · Section headline

Meet the team

Card size · chosen by team size, not taste
H3 · Name + letters

[Name] [Post-nominals — e.g. MD, LLB]

Portrait — larger, editorial
[Role]
[Qualification or credential] · [what they specialise in]
Profile ›
Bio · when the industry earns it

[Two or three lines of biography — for specialists, clinicians, lawyers, advisers, where depth persuades]

Achievements · optional
[Publication · case · award]
[Publication · case · award]
[Publication · case · award]
‹ Back
H3 · Name + letters

[Name] [Post-nominals — e.g. MD, LLB]

Portrait — larger, editorial
[Role]
[Qualification or credential] · [what they specialise in]
Profile ›
Bio · when the industry earns it

[Two or three lines of biography — for specialists, clinicians, lawyers, advisers, where depth persuades]

Achievements · optional
[Publication · case · award]
[Publication · case · award]
[Publication · case · award]
‹ Back
H3 · Name + letters

[Name] [Post-nominals — e.g. MD, LLB]

Portrait — larger, editorial
[Role]
[Qualification or credential] · [what they specialise in]
Profile ›
Bio · when the industry earns it

[Two or three lines of biography — for specialists, clinicians, lawyers, advisers, where depth persuades]

Achievements · optional
[Publication · case · award]
[Publication · case · award]
[Publication · case · award]
‹ Back
H3 · Name + letters

[Name] [Post-nominals — e.g. MD, LLB]

Portrait — larger, editorial
[Role]
[Qualification or credential] · [what they specialise in]
Profile ›
Bio · when the industry earns it

[Two or three lines of biography — for specialists, clinicians, lawyers, advisers, where depth persuades]

Achievements · optional
[Publication · case · award]
[Publication · case · award]
[Publication · case · award]
‹ Back
H3 · Name + letters

[Name] [Post-nominals — e.g. MD, LLB]

Portrait — larger, editorial
[Role]
[Qualification or credential] · [what they specialise in]
Profile ›
Bio · when the industry earns it

[Two or three lines of biography — for specialists, clinicians, lawyers, advisers, where depth persuades]

Achievements · optional
[Publication · case · award]
[Publication · case · award]
[Publication · case · award]
‹ Back
Click a card to turn it. The front persuades with credentials — name and letters up top, a larger editorial portrait, role and qualification in the footer. The back is optional by industry: a short bio and selected achievements where they matter — clinicians, lawyers, financial advisers. Card size is a setting, not taste: roughly 2–4 people → X-Large, 5–9 → Large, 10–16 → Medium, 17+ → Small. As cards shrink the back thins with them — Medium keeps two achievements, Small keeps one. The profile flip works at every size and is a per-client option: on where profiles earn it, off for clean static cards. The examples above show one full row per size, and real teams simply add rows.
03 — Approach & standards
H2 · Section headline

Our approach to [Offer]

H4 · Sub-headline

[Value] and [Value] to achieve [Transformation]

01
H3 · Standard

[Standard we hold]

[What it means in practice], so you [what you can count on]
02
H3 · Standard

[Standard we hold]

[What it means in practice], so you [what you can count on]
03
H3 · Standard

[Standard we hold]

[What it means in practice], so you [what you can count on]
Format · [Standard we hold] → [in practice], so you [what you can count on]. Written to the reader — “so you”, never “the client” — matching the solution section’s “so you” construction. Every standard carries its why, and those whys ladder up to the differentiator. Example: “Every practitioner is supervised — casework is reviewed weekly by a senior clinician, so you never rely on one person’s judgment alone.”
Links to[Primary Offer]AboutCareers
04 — Proof Optional
Testimonial · about the people, not the product

[What working with them was like], in the client's words

[Name] · [context that makes it land]
Evidence
[Number]
[years of experience]
[Number]
[qualifications held]
[Number]
[what it measures]
[Number]
[what it measures]
05 — Final CTA
H2 · Closing invitation · Join [Brand] to [Mission outcome]

Join [Brand] to [Mission outcome]

Format · Join [Brand] to [Mission outcome]. The close restates the mission as an invitation rather than a demand — a mission “to help young people find their voice” becomes “Join [Brand] to find your voice” — with the joining verb tuned to the brand’s voice. The button repeats the page’s one action, so the close asks nothing new.
[Action] + [Offer]
Team · Section 01

Page banner

What this page is for

A trust page, not a sales page. People arrive here to reassure themselves after they are already interested, so it answers "can I trust these people" and then sends them back to the offer.

H1 format
The [Job Title]s behind [Brand]

Two targets — the job-title term people actually search and the brand. “People” carried no keyword; the job title does.

Nav position

Sits under About by default. It only earns a top-level slot when the people are the product, such as a therapy practice, a coaching business or a named consultancy.

Built from
H1Job title + brand
IntroDescriptor + job title + offer + ideal client
Team · Section 01b

Intro & CTA

Format
The [descriptor] [job title]s behind [Offer], for [Ideal Client]

The descriptor comes from brand voice — expert, dedicated, award-winning. “Behind” replaces “who deliver” so the line fits product, retail and charity businesses as naturally as services.

Built from
IntroJob title, offer, ideal client
CTAHow the client accesses the service
Team · Section 02

Team grid

Formats
Front · [Name] + [post-nominals] up top, portrait, then [Role] · [Qualification] · [specialism] in the footer
Back · [bio, 2–3 lines] + [achievements ×3] — publications, cases, awards
Rule

The front persuades with credentials — that stays the rule. The back is conditional by industry: built only where depth persuades (clinicians, lawyers, financial advisers, academics) and dropped everywhere else, leaving a static card. Click-driven flip so it works on touch. Card size is chosen by team size — X-Large (2 per row) for 2–4 people through Small (5 per row) for 17+ — and the back thins as cards shrink. The flip is a per-client switch at every size: on where profiles earn it, off for clean static cards. Person schema per card.

Built from
PeopleTeam members, roles, qualifications
Team · Section 03

Approach & standards

Formats
H2 · Our approach to [Offer]
H4 · [Value] and [Value] to achieve [Transformation]
H3 · [Standard we hold][in practice], so you [what you can count on]
Rule

Standards are the values made checkable, and every standard now carries its why: the outcome holding it wins for the client, laddering up to the differentiator. Kept as numbered rows rather than value cards deliberately — the About values are beliefs (cards), these are commitments (a numbered code of practice). In regulated or care sectors this is where safeguarding and supervision belong.

Built from
StandardsBrand values + accreditations
H4Brand values + tone
Persistent

Header, nav & tagline

Navigation

Five to seven items. About and Community open dropdowns. Community’s Resource Library, Guides and Events are sections of the Community page — the dropdown jumps straight to them — and show only when the client has that content. Hiring and shop live on external platforms (ATS, storefront) linked from the footer. Lower-intent links go to the footer, not the bar.

Logo & tagline

Logo top-left with the enduring tagline beneath it. The tagline is never the H1 — the H1 is page-specific, the tagline is not.

CTA colour

One colour, used only on CTA buttons so it always signals "action". It must contrast strongly with the page and stand out — ideally a colour used nowhere else on the site. Warm, high-contrast hues (orange, green, a confident blue) tend to convert best, but the exact hue matters less than that it pops, stays consistent, and passes contrast for legibility.

Optional add-ons

Switched on by the client's model, not shown in the bar by default:

ShopEcommerce only
Find a ServiceNational providers — a CTA, or a nav dropdown when multi-location
Work With UsService providers — usually a CTA
Secondary · Section 05

Proof

Formats
Testimonial · [Specific result], in the client's words
Or, founder message · [Why I built this], in the founder's words
Stat · [Number] + [what it measures]
Conditional rule

Lead with the client testimonial when they exist. When there are none yet — a new business — replace it with a short founder message, which earns trust through authenticity instead of social proof. As testimonials arrive, the section upgrades itself.

Built from
TestimonialClient testimonials (when available)
FounderMission, vision, tone (fallback)
StatsAccreditations, partnerships, metrics
Section 12

Footer

The forms — a site-wide rule

Every form on the site — the newsletter here, every magnet download, the contact form, the community join — is the Brandi platform’s CRM capture form, embedded and styled to the design system. Every submission lands in the CRM tagged with its source and enters its named sequence. Never a mailto link, never a third-party form.

Baseline line
© [Year] [Brand] · [Address] · [Contact]
Address & local search

Consistent name, address and phone across the web is what local search scores. When a brand won't publish a street address, the footer carries city or region only, and the full details live on the Contact page with local business schema and a Google Business Profile. The signal is kept; the street address is not forced into the footer.

Sensitive fields

In care, health or youth sectors, a care or crisis resource in the footer is required, not optional.

Built from
DescriptorElevator pitch
AddressLocations
ContactBusiness phone / email
LabelsFixed nav — never keyworded
Optional · live chat Chat with us
Sticky mobile CTA · optional Primary action ?
On phones, the one primary action stays pinned as the visitor scrolls. Switched on where mobile traffic and a single clear action make it worthwhile.
Social rail · from the Socials field Instagram Facebook LinkedIn YouTube