House of RunganoWebsite Structure — About page · banner, story blocks, no sales spine
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

About [Brand] — the [Category] for [Ideal Client]

Intro · what we do, in a line

[Elevator pitch]

CTA · [Action] + [Offer]
[Action] + [Offer]
02 — Our story
Supporting image — alternates side each block
H2 · Story block

The [Problem] we saw in [Industry]

Body

[The gap that made this brand necessary, told as origin, not as a sales pitch, naming [the problem we solve] in passing]

Supporting image — alternates side each block
H2 · Story block

A [Category] built for [Ideal Client]

Body

[What the brand does differently, in plain terms, pointing to [the offer] and [the people behind it]]

Links to[Secondary Offer]Team
Founder quote — slim strip, quote and name only

"[Founder quote]"

[Founder]
03 — Mission, vision & values
H2 · Section headline

[Brand]’s mission, vision & values

H3 · Mission

[Mission]

H3 · Vision

[Vision]

H3 · Values
Value

[Value]

[What it means in practice]
Value

[Value]

[What it means in practice]
Value

[Value]

[What it means in practice]
Described here, in full. On the homepage they are only ever delivered as felt experience, never listed. Each value’s “in practice” line carries an in-copy link to the Team page, where Approach & standards make the values checkable.
Founder image — full-height half, edge to edge
04 — About the founder
H2 · Section headline

[Founder Name], Founder of [Brand]

Founder text · freeform

[About the founder] — their story, in their own words

[Founder] · Founder
This space belongs to the founder — personal text in whatever shape suits them. It is the one slot on the site with no format.
05 — Trust bar
Format · a trust line above [logos / partners / accreditations]
[Brand Name] is trusted
logologologologologologo
06 — Proof
Testimonial

[Specific result], in the client's words

[Name] · [context that makes it land]
Evidence
[Number]
[what it measures]
[Number]
[what it measures]
[Number]
[what it measures]
[Number]
[what it measures]
07 — 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]
About · Section 01

Page banner

Why a banner, not a hero

The homepage gets a tall hero because it has to make a first impression. An interior page gets a shallow banner: you already know where you are, so the content should start immediately. Same design system, different object.

H1 format
About [Brand] — the [Category] for [Ideal Client]

The one interior H1 that carries the brand, because “about [brand]” is a navigational search. The category keyword rides with it; the two-keyword maximum still applies.

Built from
H1Brand + Category + Ideal client
BreadcrumbSite position
About · Section 01b

Intro & CTA

Format
[Elevator pitch] — the questionnaire field, used verbatim when strong
Fallback, when the field is weak · [Brand] is the [Category] helping [Ideal Client] [Transformation]
CTA · [Action] + [Offer]
Rule

The elevator pitch does the work the homepage's positioning statement does: one line on what the brand is. The CTA sits with it so the action is never orphaned between sections.

Built from
IntroElevator pitch
CTAHow the client accesses the service
About · Section 02

Story blocks

Formats
H2 · The [Problem] we saw in [Industry]
H2 · A [Category] built for [Ideal Client]

Alternating image and text, sides swapping each block. Each H2 carries one keyword — the problem first, the category second — while the body keeps the origin voice.

Rule

Told as origin, not as a pitch. About builds belief in the brand; it does not run the problem, solution, offer spine. Two blocks is usually enough — a third only if the story earns it.

Built from
Beat oneThe gap in the industry
Beat twoCategory + differentiator
VoiceTone of voice
About · Section 03

Mission, vision & values

Format
H2 · [Brand]’s mission, vision & values
H3 · [Mission]
H3 · [Vision]
H3 · [Value] ×3, each with what it means in practice — each “in practice” line links to Team
The split

This is the only place these are stated in full. On the homepage the values are delivered as felt experience in how-it-works, and the mission appears only as the outward invitation in the final CTA. Described here, delivered there.

Built from
MissionMission field
VisionVision field
ValuesBrand values
About · Section 04

About the founder

Formats
H2 · [Founder Name], Founder of [Brand]
Body · [About the founder] — freeform, their story in their own words

The body has no format — the founder writes it (or supplies the raw material) in whatever shape they want; it is the one slot Brandi never composes. Split-screen layout on a grey band, founder image full-height on one side, text top-aligned on the other. Person schema on the founder.

Rule

On the homepage this is a fallback that only appears when there are no testimonials. On About it stands on its own, because the personal story is the point of the page rather than a substitute for proof.

Built from
MessageMission, vision, tone of voice
About · slim strip

Founder quote strip

Format
"[Founder quote]" · [Founder]
Rule

Quote and name only, placed between the story and the mission as a mid-page brand moment. It borrows the tagline strip’s shape so the page gets one held moment without another full section. Nothing else goes in it — no CTA, no link.

Built from
QuoteFounder message, shortened
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
Section 03

Trust bar

Format
Label + [logos / credentials / one number]

Shown, not shouted. Three to six marks.

Built from
ProofAccreditations & partnerships
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