House of RunganoWebsite Structure — Membership page · the paid layer, sold on its own page · conditional
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 — Membership hero
Eyebrow
For [Ideal Client]
H1 · The membership and its headline value

[Membership name][the headline perk]

This page exists only when the client sells a paid layer — a discount club, booking bundles, priority access, a paid inner circle. Here “member” is the right word, because membership is real and paid. The free community page never uses it.
Subheadline · what membership is, in one line

For [price]/[period], members get [the membership in one line]

Primary CTA · anchors to the sign-up
Become a member
Membership image — full-height half, top to bottom, edge to edge
02 — What membership includes
H2 · Section headline

What [Membership name] includes

H4 · Sub-headline

[What membership adds], beyond the free community

[Community]
Free
[What everyone gets, free]
[What everyone gets, free]
Join free
[Membership tier name]
[Price]/[period]
[Member perk — discounts, booking credits, priority access]
[Member perk]
[Member perk]
Become a member
The free community always shows alongside — the comparison is what sells the upgrade, and the free option never reads as lesser. Add a tier card per paid level where the client runs more than one.
03 — How it works
H2 · Section headline

How [Membership name] works

H4 · Sub-headline

From sign-up to [first perk], in three steps

H3 · Step 1

[Sign up]

One line on the sign-up — where it happens and how long it takes.
H3 · Step 2

[What unlocks immediately]

One line on the first thing membership gives them.
H3 · Step 3

[How they use it, ongoing]

One line on the rhythm — how the perks work month to month.
04 — Sign-up (the transaction)
H2 · Section headline

Become a [Membership name] member

CTA · resolves to the client’s sign-up flow
Become a member
A transaction, not a capture — the button resolves to whichever the client runs: their payment or subscription checkout, their booking platform (a fee for so many bookings), or the Brandi platform’s own membership form. No email-capture card here; the free join lives on the community page, and a second capture would blur the ask.
05 — Objections & FAQ
H2 · Section headline

Before you join

H4 · Sub-headline

Everything to know before you become a member

[Real question people searched about the membership]
[Real question people searched about the membership]
[Real question people searched about the membership]
The questions that stop a sign-up: what it costs, what happens to unused credits, how to cancel, whether the free community stays free. Cancellation honesty converts — hiding it costs more than it saves.
06 — Final CTA
H2 · Closing statement

Join [Membership name] for [the headline perk]

Become a member
Membership · Section 01

Hero

Formats
H1 · [Membership name][the headline perk]
Sub · For [price]/[period], members get [the membership in one line]
When this page exists

Only when the client sells a paid layer on top of the free community — a discount club, booking bundles (a fee for so many bookings), priority access, a paid inner circle. It is a conditional page, not a standard one: no paid model, no page, and the nav item never shows. Here “member” and “membership” are the right words because they are literally true; the free community page never uses them.

Built from
MembershipThe paid model — name, price, period, perks
Membership · Section 02

What membership includes

Formats
H2 · What [Membership name] includes
Tiers · [Community] Free + [Membership tier name] · [Price]/[period], perks as rows
Rule

The free community always shows alongside the paid tier — the comparison is what sells the upgrade, and free never reads as the lesser option. One card per paid level where the client runs more than one. Every perk row is specific: a discount rate, a number of bookings, a named access — never “exclusive benefits”.

Built from
TiersThe membership model — price, period, perks
Membership · Section 03

How it works

Formats
H2 · How [Membership name] works
H3 · [Step] ×3
Rule

Three steps, no more — sign up, what unlocks, how it runs. A paid commitment needs its mechanics visible before the ask; this section removes the “but how does it actually work?” hesitation the FAQ would otherwise carry alone.

Built from
StepsThe membership mechanics
Membership · Section 04

Sign-up — the transaction

The rule

This is a transaction, not a capture. The button resolves to whichever sign-up the client runs: their payment or subscription checkout, their booking platform when membership is a booking bundle, or the Brandi platform’s own membership form. Whichever it is, the completed sign-up is tagged by tier in the CRM and enters the member sequence. No email-capture card on this page — the free join lives on the community page, and a second capture here would blur the one ask.

Built from
Sign-upThe client’s payment / booking / platform form URL
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
Membership · Section 05

Objections & FAQ

Format
Before you [Action]

Fallback "Questions, answered" on pages with no single action.

Rule

Meets them at the hesitation point, right after the offer. If the client gives an FAQ link, their real questions are the source of truth and Brandi only fills gaps; with no link, Brandi generates from pain points and offer terms. On secondary pages the questions are the real ones people searched for that page's keyword. Include a risk reversal — a guarantee, a free first step, a no-obligation call.

Built from
QuestionsExisting FAQ link if provided, else pain points + offer terms
SecondarySearched questions for the page keyword
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