The Mediation Room Website Development With Framer

A Framer Website for a Family and Commercial Mediator Serving Separation, Dispute Resolution, and Conflict Across New Zealand

Sabrina Barbara is a professionally trained mediator, NMAS member, and ICEEFT-trained clinician based in Wellington and Hawke's Bay, New Zealand. Her practice spans family mediation (including FDR), family financial mediation, voice of child processes, and commercial dispute resolution—serving separated families, parents navigating co-parenting conflict, and businesses and neighbours resolving disputes without litigation.

The Mediation Room is the third site in Sabrina's four-site ecosystem. Where TheRelationshipRoom.nz targets couples questioning their relationship and The Counselling Room serves the broader therapeutic audience, this site needed to speak to a very specific moment: the point at which conflict has reached an impasse and someone is looking for a way forward that isn't court.

The brief was complex: build a site that could address someone in acute separation crisis, someone heading to mediation unprepared, someone contemplating litigation, someone who needs to hear their child's voice in a family dispute—and make clear that mediation is not one-size-fits-all. This work requires six different entry points, not one.

Reframing mediation in the face of court mythology Most people arrive at a mediator's website believing mediation is a weaker alternative to litigation, that it won't protect them, that real resolution happens in court. The content needed to overturn this assumption without sounding defensive. Research from Australia showing only 15% of mediated families reach agreement needed to be presented not as a failure of mediation, but as a failure of unprepared mediation—and the solution needed to be clear.

Building a coherent narrative across six distinct services Family Mediation & FDR, Family Financial Mediation, Voice of Child, Commercial & Private Mediation, Separation Navigation (later Separation Ready), and How It Works are fundamentally different processes. Each needed its own subpage, its own framing, its own image direction—but the site needed to feel like one coherent practice, not a scattered menu of offerings.

Designing a new service pathway mid-launch Midway through the build, the client introduced an entirely new offering: Separation Ready, a six-session preparation programme (not mediation itself) designed to equip separating parents before they arrive at the negotiating table. This wasn't just a new service page. It required a complete restructuring of how the site positioned mediation itself, new visual timelines, new fee tables, new navigation hierarchy, and a cross-linked pathway from Pre-Mediation Preparation → Mediation → Aftercare.

Speaking to people in acute emotional crisis The Mediation Room's visitor often arrives in the worst moment of their life—separated, fighting over children, facing financial devastation, or caught in workplace or neighbour conflict. The site needed to meet them in that state without being cold, clinical, or performatively cheerful. Tone was everything.

Integrating research and evidence without losing warmth The site needed to cite Australian family law research, state statistics on court costs, and clinical data on separation outcomes—while maintaining the warm, human voice that runs through Sabrina's other sites. Numbers matter to people in crisis. But so does feeling heard.

Building within an established design system across a growing ecosystem This site had to match TheRelationshipRoom.nz and The Counselling Room's core design language (animations, accent colours, component logic, footer structure) while having its own distinct identity. French blue, warm gold accents, pale blue wash sections. But something that felt different from the clinical sage of The Counselling Room or the rose warmth of TheRelationshipRoom.

Research-grounded homepage narrative The homepage doesn't lead with "what mediation is." It leads with research: only 15% of families in court-ordered mediation reach agreement. The reason: they arrive unprepared. This research becomes the throughline of the entire site—it explains why Separation Ready exists, why Pre-Mediation Preparation matters, why aftercare is standard, and why preparation (not just process) changes outcomes.

A six-entry-point service architecture Rather than forcing all visitors through a single "choose your service" funnel, the site offers six distinct entry points: Family Mediation & FDR (the core service), Family Financial Mediation (property/asset focused), Voice of Child (child's perspective), Commercial & Private Mediation (workplace/neighbour disputes), Separation Ready (preparation program), and Pre-Mediation Preparation (focused 90-minute session). Each subpage is structured identically for navigational clarity, but the content is entirely specific to that audience.

A four-phase separation pathway as the visual spine To make the relationship between Separation Ready → Pre-Mediation Preparation → Mediation → Aftercare viscerally clear, a four-phase visual timeline appears on both the Services page and the Separation Ready subpage. Phase cards are connected, showing movement and progression. This isn't just information architecture—it's a visual argument that preparation is not optional.

Plain language + clinical credibility Every clinical term is spelled out on first use on every page. FDR, NMAS, attachment theory, trauma-informed practice, coercive control, family financial mediation—all defined or explained without jargon, assuming zero prior knowledge. At the same time, credentials (NMAS member, ICEEFT-trained, 20+ years of professional experience) are visible, signaling that this is serious clinical work, not life coaching.

Pulling research into narrative, not data dumps The stats about court costs, separation timelines, and mediation failure rates aren't thrown into a table. They're woven into narrative sections: "The Cost of Getting This Wrong" on Separation Ready, "The Research" on Pre-Mediation Preparation, "What Mediation Is Not" on How It Works. Each stat is contextualised with a human implication: "$200,000 or more: combined estimated legal cost per family when disputes proceed to litigation" is paired with "Do not save on the wrong end."

Four pull quotes per subpage, each with a specific voice Rather than all pull quotes being attributed to Sabrina, the site includes direct quotes from survey respondents in the parent voice sections ("Impoverished, broke, exhausted, mentally and physically drained, distrustful"). This makes the research feel real and immediate. Sabrina's pull quotes then offer the practitioner perspective in response.

Service page structure: problem → approach → process → fees Each service subpage follows the same architecture: hero section naming the specific situation, opening copy addressing the person in that situation, a section on what makes this different, step cards showing the process, pull quotes from both Sabrina and clients, and a clear fees section. This consistency makes the site feel trustworthy and navigable—you know what you're getting into before you book.

Home (hero, pain-point section, tagline introduction, three-column approach section with pull quote, service cards overview, about strip, testimonials placeholder, footer CTA)

About (full bio including cultural competence context, credentials with logos, pull quote, video reel placeholder)

Fees (research context intro, comprehensive fee table with GST included, aftercare explanation, FAQ accordion with 10 questions and clinical answers)

Contact (five-question intake form, consent checkbox, on-screen confirmation, after-form note)

How It Works (hero, "Before We Begin" research section with parent voice quotes, four-step process cards, "What Mediation Is Not" section, safety note)

Family Mediation & FDR

Family Financial Mediation

Voice of Child

Commercial & Private Mediation

Separation Ready (comprehensive 8-section subpage)

Pre-Mediation Preparation (5-section subpage)

Journal (CMS index page)

Journal article template (CMS detail page)

404

Plus ecosystem cross-links: TheRelationshipRoom.nz and TheCounsellingRoom.nz linked in footer "Part of a Wider Practice" block

All 12 entries written in Sabrina's clinical voice — warm, precise, grounded in attachment theory and family systems thinking. Each entry includes an intro paragraph, three to five H3 subheadings with detailed sections, a "Note from Sabrina Barbara" closing, and citations where relevant. Categories: Mediation Explained, Family Dynamics, Separation & Children, Workplace & Commercial Conflict.

Six distinct service subpages, each with hero image, opening narrative, approach section, pull quotes (Sabrina + client voice), step cards or timeline, FAQ, and fees

Four-phase separation pathway visual timeline (appears on Services page and Separation Ready subpage)

Four principle boxes with mint left borders (Gender-Neutral, Trauma-Informed, Child-Centred, Complete by Design) on Separation Ready

Pull quote component with deep blue or mint left border and animated entrance

Sticky floating nav (logo + Book a free call button) on scroll past hero

Framer native intake form with five questions, radio groups, conditional open text fields, and consent checkbox

On-screen form confirmation message with Sabrina attribution

Fee table with French blue header row and staggered scroll reveal

FAQ accordion with 10 questions and full clinical answers across multiple pages

Logo strip (NMAS, ICEEFT, NZCEFT, WhitireiaWeltec, Resolution Institute) — greyscale at rest, full colour on hover

Video reel placeholder block (frosted glass card, 16:9, About page only)

Google Reviews

Parent voice quote sections on wash background with deep blue left border

Pull quote sections (stat lines with mint left borders + large bold figures)

Cross-page navigation links between related services and sister sites

Full SEO setup across all 18 pages (title tags, meta descriptions, OG images, canonical URLs, no-index off)

Global animations matching ecosystem sites: push buttons, card hover lift, scroll reveal, pull quote entrance, page transitions, nav hover underline, floating nav, image hover zoom

Research as the primary narrative device Rather than leading with "trust me, I'm qualified," the site leads with "research shows what actually works." The 15% agreement rate in unprepared mediation becomes the justification for every service offering on the site. This is credible, it's specific, and it answers the visitor's unspoken question: "Why should I pay for this instead of going to court?"

The Separation Ready subpage as a complete mini-site Separation Ready is not a service card. It's an 8-section standalone subpage with its own hero, tagline, four principle boxes, six detailed session descriptions, research stats, parent voice quotes, FAQ, fees, and cross-links to Pre-Mediation Preparation. It functions as a complete emotional and informational journey—designed for someone who is newly separated and considering their options.

Pre-Mediation Preparation as the bridge service The Pre-Mediation Preparation page explicitly positions itself as different from Separation Ready: for someone who has mediation booked and needs focused, urgent preparation, not a six-session programme. A dedicated "Is This for You or Is Separation Ready?" section early on guides visitors to the right offering. Later, a cross-link back to Separation Ready ensures no one feels locked into the wrong choice.

The four-phase visual timeline as a commitment device The four-phase separation pathway (Separation Ready → Pre-Mediation Preparation → Mediation → Aftercare) isn't just information. It's a visual argument that the work doesn't end when you sign the agreement. Aftercare is included as standard, not optional. This timeline appears twice on the site, making it impossible to miss.

Parent voice quotes without anonymization The site includes direct quotes from parents who went through family court proceedings ("Impoverished, broke, exhausted, mentally and physically drained, distrustful"). These aren't testimonials praising Sabrina. They're raw, difficult statements of what happens when families enter contested proceedings unprepared. This creates a moment of recognition for visitors: "That's me. That's what I'm afraid of."

Voice of Child as a distinct, trauma-informed process The Voice of Child subpage carefully explains that this is not asking a child to choose sides or testify. It's a structured, child-led process where a trained practitioner helps both parents understand what their child is carrying. A dedicated section addresses parent fears, explains the legislative context, and includes image directions showing children in safety and trust, never in distress.

Cross-ecosystem clarity The site makes explicit distinctions between Sabrina's work across her ecosystem: Discernment Counselling at TheRelationshipRoom.nz (for couples uncertain about separation), Individual Counselling at The Counselling Room (for processing grief and trauma before/after separation), and Mediation at TheMediationRoom.nz (for reaching practical agreement). Cross-links make referral navigation seamless.

The Mediation Room launched as a complete digital presence for a mediator whose work spans family separation (from co-parenting disputes to full financial property division), individual preparation for mediation, and commercial/workplace conflict resolution.

The site reframes mediation not as a cheaper alternative to court, but as a fundamentally different approach—one that only works if people arrive prepared. Research shows this. The site shows this. The service architecture (Separation Ready + Pre-Mediation Preparation + Mediation + Aftercare) is the answer.

It is the third of four sites built for Sabrina's practice. The design system, animation logic, and voice established across TheRelationshipRoom.nz and The Counselling Room carry forward here—with a distinct colour identity (French blue, not rose or sage) and a new structural innovation: the four-phase timeline that connects preparation to process to follow-up.

The site successfully handles the most difficult audience in Sabrina's ecosystem: people in acute crisis, often in conflict with someone they once loved, facing financial devastation, worried about their children, and uncertain whether the legal system will help or harm them. The site meets them in that state. It offers a different path. It makes clear what that path requires. And it has already begun converting visitors to Separation Ready before they book a single session.

If you're building a Framer site for a mediator, conflict resolution specialist, family law facilitator, or anyone serving people in acute dispute and crisis—this is what's possible.

A site that leads with research, not credentials. That offers multiple pathways for different moments in the journey. That reframes the visitor's problem from "I need to win in court" to "I need to reach an agreement my family can live with." That makes preparation, not just process, the hero.

And that integrates seamlessly into a larger ecosystem—where each site (relationship, counselling, mediation, and the central practice site) sends visitors to exactly where they need to be.

Ready to build a website that changes how people approach their conflict? Let's talk about what's possible.