Win the Membership Before the Booking Begins — Team Wiki

What this is

membersonly.blend360.com is Blend360's interactive campaign microsite for the Travel & Hospitality loyalty white paper. Instead of a static landing page, it demonstrates the campaign's core argument — that AI-decisioned loyalty beats rules-based tiers — by letting visitors experience it: they pick a guest, walk a simulated booking journey, score their own program's readiness, and see real (anonymized) Blend results. Every interaction is measured, so marketing can see what resonates and sales gets warmer, better-qualified leads.

It works equally for people and for AI assistants: the site is machine-readable, so when a prospect's AI tool researches loyalty optimization, Blend's story is legible to it too — which is itself the campaign's thesis in action.

What visitors can do

Open the demo — Meridian Concierge, a working prototype of the agentic booking experience, is the centre of the site: it sits in a framed panel directly under the hero, has its own section ("02 The Experience"), and is what the primary hero CTA now points at. Meridian Resorts is a fictional brand invented so the argument could be concrete; the behaviour it shows is not fictional.
Experience the argument — an interactive guest-journey simulator with three personas (Maya the points maximizer, Devon the AI-first booker, the Riveras at risk of churning) that contrasts, step by step, what a rules-based program does versus what an AI-decisioned program does.
Score themselves — a 60-second readiness check that grades their loyalty program 0–100, places them in one of four tiers, and tailors the rest of the page (including the white-paper pitch) to their result.
Size the prize — an ROI calculator that turns their membership size into a directional revenue number, grounded in Blend's production results.
See the proof — verified outcomes from Blend's client work (+17-point retention, $370 per member, $24M incremental revenue, 79% upgrade ROI) plus six real, published case studies.
Be recognized — the "Hi, member" greeting is a persona switcher: one click re-decides the page for Maya, Devon, or the Riveras (intro, highlighted stat, suggested journey, case-study order, and paper pitch all adapt) — the campaign's personalization thesis, demonstrated live.
Convert — request the white paper (gated), book a working session with Paul Evers, or jump straight to the case studies. Return visitors are greeted by name-tier and picked up where they left off.

Capabilities under the hood (plain-English)

Light & dark modes — light by default per brand direction, one-click toggle, remembered per visitor.
Animated data-visual design system — the hero route map, journey diagram, results chart, and orbit artwork are live animated graphics (not stock images): arches of light, dusk glow, long-exposure light trails, and glowing data spikes over the Blend palette, per the tiger team's imagery direction — plus an ambient luxe layer (aurora drift, film grain, scroll-progress hairline, pointer spotlight, card light-sweeps, comets) and a bright digital-energy layer: glowing data veins across the canvas, side data-conduit rails with travelling packets on wide screens, and energy-pulse rings. Both themes; motion respects reduced-motion settings.
Auto-populated case studies — the "Proof in the wild" section pulls from Blend's Global Case Study Database via its public API (casestudydb.blend360.ai). The connection only ever serves published, client-approved, anonymized records, and the site re-syncs on demand — new approved T&H case studies can flow onto the microsite without a redesign. Links are liveness-checked before publishing.
Campaign attribution — share links use a clean, URL-safe slug (utm_campaign=members-only-th — only unreserved characters, nothing to encode, nothing for a link builder to mangle). The microsite expands the slug to HubSpot's exact campaign value (49521680-Members Only | Travel & Hospitality) only when forwarding a lead, so attribution still matches while links, emails, and PostHog stay on the clean slug. First-touch and last-touch are both captured and ride on every lead. Legacy links carrying the old messy value still work (they fold back to the slug), and inbound values are normalized regardless of arrival encoding; outbound to HubSpot re-encodes exactly once (%20, never +). Send-link convention: ?utm_campaign=members-only-th&utm_source=<channel>&utm_medium=<type>.
Full-funnel measurement — first-party analytics (PostHog, Blend360 workspace) track every section view, journey step, quiz score, case-study click, and conversion. Marketing has a no-login analytics hub with brand-styled campaign visuals and the live dashboard one click deeper.
Personalized lead capture & pipeline — every white-paper request becomes a lead record (email + readiness tier/score + persona view) with the person identified in PostHog; the pipeline is listed in the passphrase-protected analytics hub, HubSpot contact creation is wired (activates when Mel/Marcela supply the portal + form IDs), and a speed-to-lead Teams alert hook awaits its webhook URL.
AI-assistant readability — structured data (JSON-LD) and an llms.txt make the site's claims legible to AI search and assistants.
This wiki — published on the site at /wiki.html and refreshed automatically (details below), so the team always has a current status page to share.

Last verified: 2026-08-04 (photographic imagery pass — Laurel + Mel's "Updated Imagery for T&H") Health: 🟢 site live · 🟢 analytics flowing · 🟢 dashboard public share active · 🟢 case-study public endpoint live

Team & operations reference

This section is the operational half of the wiki. It is refreshed three ways: (1) every Claude working session that changes the microsite updates the relevant section AND appends a Changelog entry; (2) a daily scheduled task ("T&H Microsite Wiki Refresh") verifies live state and updates the Health line; (3) each site deploy republishes this page at membersonly.blend360.com/wiki.html. Canonical live copy: the "Blend- General" Claude project → th-microsite-wiki.md.

At a glance


Live site	https://membersonly.blend360.com/ (Azure SWA origin gray-ocean-0d4dce20f.7.azurestaticapps.net)
Team wiki (this page)	https://membersonly.blend360.com/wiki.html
Repo	https://github.com/BLEND360/th-loyalty-microsite — push to `main` auto-deploys ~1–2 min
Dashboard	https://us.posthog.com/project/526022/dashboard/1897334 (Blend360 PostHog org) — public share https://us.posthog.com/shared/PAFaUX8-kS_T0uhGBuUGMGVgUBfzzA
Marketing hub	https://membersonly.blend360.com/analytics.html (branded snapshot + lead pipeline + live dashboard embed; team passphrase — ask Jordan)
Case study source	https://casestudydb.blend360.ai — public API `/api/public/case-studies?industry=Travel+%26+Hospitality` · MCP `https://casestudydb.blend360.ai/mcp` (Blend SSO OAuth)
Architecture	Single self-contained index.html (inline CSS/JS/font); animated SVG artwork; no build step
Parent template	https://github.com/BLEND360/blend-microsite-template — "Use this template" for each new campaign microsite (next: Synthetic Intelligent Layers · Financial Services)

Analytics (PostHog project 526022, Blend360 org)

Dashboard 1897334 — 11 insights: unique visitors, daily trend, section engagement, guest-journey funnel, persona popularity, conversions, journey step drop-off, readiness tier mix, average readiness score, case-study engagement, lead quality by readiness tier. Session replay + web vitals ON. The analytics hub renders a brand-styled snapshot suite refreshed with each site update: count-up KPIs, a glowing daily-visitors area chart, a journey-to-lead funnel with stage-conversion chips, a persona donut, animated section-engagement bars, the live persona-view A/B chart, a dark/light theme split, conversion-health gauges, and an activity-pulse feed. The snapshot is interactive: per-chart metric toggles (visitors/pageviews, counts/% share), hover tooltips on every element, ⓘ metric definitions, and a share bar (copy/email summary, snapshot CSV/JSON, HubSpot-import leads CSV, print-to-PDF).

Events: microsite_tab_viewed{tab}, persona_view_switched{persona}, lead_captured{email,domain,quiz_tier,quiz_score,persona_view,theme}, persona_selected{persona,persona_name}, journey_step_viewed{persona,step,step_index}, journey_completed{persona}, readiness_quiz_started, readiness_quiz_completed{score,tier}, roi_calculated{members,share}, whitepaper_submitted{domain,quiz_tier,quiz_score}, cta_clicked{cta,to}, case_study_clicked{case_study_id,title}, theme_toggled{theme}.

How to publish

Local (Cursor/Claude Code): clone → edit → git push origin main. Browser: GitHub /upload/main drag-drop (subfolders via /upload/main/<dir>); NEVER the web code editor (freezes). A Cowork session running in the cloud cannot publish on its own — the sandbox has no clone, no gh, and no repo grant, and the Chrome extension refuses to upload files from a bridged folder ("only files this session is allowed to read"). In that mode Claude stages the files to the local Blend folder and a human does the drag-drop; run the task on your computer (or push from Cursor) if you want the publish step automated end to end. Never place .py files at repo root (breaks Azure build detection — python tooling lives in /art). Repo CLAUDE.md carries brand rules, analytics contract, and gotchas. QA gate: syntax-check inline JS with node --check; automated UX suite (42 checks, desktop + mobile) plus WCAG-AA contrast audit in both themes; click through all tabs, 3 personas, quiz, ROI. Wiki page: edit WIKI.md → python3 art/build_wiki.py → deploy wiki.html with the rest.

Case-study sync (governance)

node sync-case-studies.mjs — no cookie or API key (public endpoint is server-side governed: published-only, anonymized, validated weblinks). Script keeps belt-and-suspenders guards: hard abort on any real client name, HEAD liveness check on links. NEVER show real client names on the site. _059's old mismapped link fixed at the hub source (2026-07-23). Hub audit note: _017 & _019 share a weblink.

Open items

Item	Owner
Launch target: mid-August (13th or 18th) — confirm the date and lock the asset list against it	Laurel / tiger team
Teaser video ("the most important asset") — 2-min film of the Meridian walkthrough; slot is reserved on the site (hero notice + section-02 "Coming next")	Jeff / production
Sign-off on the speed claim — the page currently says "a question of weeks, not quarters"; Jeff's "functional alpha in about four weeks" is not stated publicly until he'll stand behind the number	Jeff
Point-of-view piece — the published POV that the demo links from / to (Paul's "if we want to brand the practice, we need to publish this point of view")	Paul / Laurel
HubSpot: tracking snippet (head block) + portalId/formGuid for the wired Forms-API lead sync (`HUBSPOT` const)	Mel / Marcela
LEAD_WEBHOOK Teams Incoming-Webhook URL	Tiger team
PP Telegraf Ultrabold (not in any Blend share; source from Pangram Pangram)	Laurel
Campaign photography: Laurel/Mel's AI set integrated (v5.1); Aidan's "T&H New" set reviewed (v5.1.1, one plate live) — 11 more bright/airy plates available for light-theme surfaces	Aidan / Laurel
12 remaining images from "Updated Imagery for T&H" (SharePoint) unused — cruise/lodge/lobby scenes available for future sections	Jordan
Add hub MCP (casestudydb.blend360.ai/mcp) as a Claude connector — one-click Blend SSO	Jordan
Hub data audit candidate: _017 & _019 share the same weblink (not confirmed wrong)	Hub team
Delete redundant jskinner-blend360/th-loyalty-microsite repo	Jordan
Re-auth PostHog MCP connector against Blend360 org	Jordan

Changelog

2026-08-04 (v5.2) — "First class, not road trip" — ambient motion redesign (Laurel DM, 2026-08-04 3:12–3:17 PM). Laurel on the page-wide moving route dots: "I love it but… it also makes me think a little more road trip and a little less first class"; agreed direction: "something that breathes still but the interactive elements stick with the CTA buttons," plus "maybe it's breathing palm fronds or something?" and "the planes from island to island maybe in the infographic at the bottom?" Changes: (1) retired the page-wide energy veins and side conduit rails (the dashed routes with travelling dots — the "road"); travelling motion now lives only inside contained infographics; (2) the background now breathes: two new slow inhale/exhale glows — a golden dusk pool (warm tones, artwork-only rule respected) and a turquoise water pool — on 11s/15s alternate cycles; (3) breathing palm fronds in light mode — Aidan's palm-shadow plate moved from a static body wash onto a fixed .fronds layer that slowly swells and fades (19s, opacity .09→.17), literally Laurel's suggestion; (4) the bottom infographic ("Seven decisions on one flight") now flies a plane glyph island-to-island — oriented along the route via offset-rotate, with island shapes under Before/During/After; (5) interactive pulses stay with the CTAs (notice dot, demo play button) — unchanged. All compositor-safe, reduced-motion covers the new layers. QA: 42/42, inline JS clean, both themes screenshot-verified. No new image files — same six webp uploads as v5.1.1.
2026-08-04 (v5.1.1) — Aidan's imagery reviewed and first plate integrated. His "T&H New" SharePoint folder (12 images, 2026-07-22) is the bright daylight direction — white architecture, pale-blue water, sheer curtains, palm shadows on white — the natural complement to Mel's dusk/neon set: Aidan's belongs to the light theme, Mel's to the dark theme and the hero. Integrated one plate: "TH Shadows 10" (palm shadow on white wall) as img/photo-lightwash.webp (53 KB), a whisper-subtle fixed ambient wash behind the light theme's panels (92% off-white overlay, so contrast is untouched; scrolls normally on mobile). The rest of the set is catalogued for future use — the "Visual Backgrounds" grids and curtain/water textures would suit the white-paper card, quiz, or a light-mode Talk to Us treatment if the team wants to go further. His "T&H Pending Images (For Review)" subfolder holds June moodboards, not production assets. QA: 42/42, contrast unaffected, light-panel screenshot verified. Publish note: img/photo-lightwash.webp joins the five v5.1 images in the /upload/main/img upload.
2026-08-04 (v5.1) — Photographic imagery integrated (Laurel's DM, 2026-08-03: hero mockup + "what size files do you need to add imagery?"; Melanie's 17-image "Updated Imagery for T&H" SharePoint drop — a luxe dusk photography set threaded by a glowing turquoise journey line, exactly on palette). Four placements, kept deliberately restrained per Laurel's "branding, space, simplicity + imagery": (1) full-bleed photographic hero per Laurel's mockup — the coastal-resort-at-dusk plate behind the headline in both themes (the hero band now stays dark in light mode via scoped #heroWrap variable restores; scrim gradients keep AA contrast; the animated arches/routes/orbit SVG still plays over the photo, echoing the mockup's overlays); (2) a three-photo Discover / Travel / Arrive strip atop the journey panel (plan-on-laptop, terminal walk, room-door arrival — the journey line runs through all three); (3) a wide orchestration still in the Experience panel ("Your room is ready · Shuttle arrives in 3 min") under the walkthrough; (4) new /img/photo-*.webp assets (hero 153 KB, others 27–53 KB, lazy-loaded). Jordan resized/optimized per his "just get me the images, I can resize with my tools" reply. QA: 42/42 UX suite, inline JS clean, both themes + mobile screenshot-verified (mobile gets a heavier uniform scrim). Publish note: upload the five new files to /upload/main/img along with index.html.
2026-08-01 (v5.0) — The site now centres on the demo (T&H Campaign Sync: Demo Walk-Through, plus the Laurel, Jeff/Laurel/Mel and tiger-team threads). The consistent note across all four sources was that the campaign's centre of gravity has moved from the white paper to the working prototype — Laurel: "simplify and center the site around this demo experience"; Melanie: "get to the point in our messaging versus trying to book those meetings… make that impression of what we can do and here's how we can do it, then book the meeting"; Paul: "we're linking to the demo, the demo links to the agentic interface and the capability roadmap." Changes: (1) a demo band sits immediately below the hero — headline, one paragraph, an "Open the demo ↗" primary CTA and a clickable browser-chrome preview of the Meridian Concierge conversation with the four agent chips; (2) a new "02 The Experience" section carries the full walkthrough — four cards (recognition, agents visible at work, it explains itself, it doesn't stop at booking), the seven-step sequence behind a <details> disclosure per the relocate-never-delete rule, and an "uncomfortable part" module that names the real work as the left-hand column (guest graph, readable/writable reservation + offer systems, retrieval fast enough to hold a conversation, consent and governance, orchestration) rather than the experience layer; (3) the hero CTA re-pointed from the journey simulator to the demo, and the burning platform re-aimed at speed and ownership rather than the interface — Paul: "the provocative part is the speed at which this is going to happen; we don't know yet who's going to own this"; Jeff: "if you don't move fast, they're going to find somebody who moves faster than you." Tab labels renumbered 01–08; data-tab values deliberately unchanged, so the PostHog dashboard and microsite_tab_viewed contract need no edit. New cta_clicked{cta} values: demo-open, demo-frame, demo-panel, demo-readiness, demo-talk. Spacing opened up per Laurel's "space on the page" (panel padding 64→80px, lede margin 28→34px). Meridian is labelled a fictional brand in both the band and the panel, so nothing reads as a client engagement. Jeff's "functional alpha in about four weeks" was softened to "a question of weeks, not quarters" pending his sign-off (he hedged it in the call). QA: inline JS node --check clean, 42/42 UX suite (seven new demo checks), WCAG-AA contrast verified on every new class in both themes (light .db-play fixed 2.88 → 4.86).
2026-07-30 (v4.9) — Focus pass on stakeholder feedback (Jeff Shafer + Laurel Wilke, Teams review). Jeff: "the first page presents way too many points… let's stick to a burning platform." Laurel: "needs more branding, space on the page, simplicity + imagery… but put all the words on the page up front and weed out what we like and don't like as we go." Reconciled by relocating copy, never deleting it: the hero is now one argument — trip discovery is moving into AI assistants, and share moves with it — at 107 visible words (was ~250), with a bordered "burning platform" callout, two CTAs instead of three, and more breathing room. Everything cut from view still lives on the page behind <details class="more"> disclosures: the four hero stats moved into "The numbers behind the shift" in section 01 (persona-remix auto-opens it when a view highlights a stat, so the "re-decided for you" demo still fires), and the long section-01 and section-03 paragraphs sit verbatim under "Read the full argument". Section 03 reframed from three parallel claims into one ladder — the moment is moving → so the program must know each guest → so spend must follow that knowledge — and relabelled "03 The Argument" (data-tab unchanged, so the PostHog contract and dashboard are untouched). Added a proof-in-market module drawn from Ryan Serpan's United observation, written as argument rather than anecdote — "Seven decisions on one flight. Not one of them was a discount." — on an animated before/during/after timeline, with each decision and the data it required behind a disclosure. No named individual and no personal travel detail appears on the page; a one-line note makes clear United isn't a Blend client. llms.txt and the JSON-LD claims re-synced. QA: inline JS node --check clean, 35/35 UX suite (desktop 1280×900 + mobile 390×844, zero horizontal overflow, no JS errors), both themes verified by computed-colour probe and screenshot.
2026-07-24 (v4.8) — Clean-slug alias bridge (per Jordan C.'s "no reserved characters in URLs" review): share links now use the URL-safe slug utm_campaign=members-only-th (zero characters to encode) while the microsite expands it to HubSpot's exact campaign value only at the lead-forward boundary. Links/emails/PostHog stay clean; HubSpot attribution unchanged; legacy messy links still fold back to the slug. When HubSpot's campaign UTM is renamed URL-safe, set the alias value = key and the bridge no-ops.
2026-07-24 (v4.7) — UTM encoding hardening (per Jordan C.'s review): inbound utm values are normalized to the canonical human-readable form regardless of arrival encoding (raw / %-encoded / double-encoded / + spaces — all tested); HubSpot context re-encodes exactly once with %20 (never +). Analytics and CRM now always see one consistent campaign string.
2026-07-24 (v4.6) — Published blend-microsite-template (BLEND360 org, marked as a GitHub Template repository): the whole system — design system, animated data-viz + energy layers, persona A/B, analytics hub, lead pipeline, wiki tooling — genericized with a REPLACE-marked quickstart README and template-edition CLAUDE.md. Secrets/tokens scrubbed; case-study sync industry is configurable. Next campaign teed up: Synthetic Intelligent Layers · Financial Services.
2026-07-24 (v4.5) — Analytics hub interactivity: per-chart toggles, hover tooltips + ⓘ definitions everywhere, conversion-health gauges (47% visitor→journey · 23% journey→complete · 6% visitor→lead), and a share/export bar (copy summary, email, CSV/JSON, HubSpot-import leads CSV, print/PDF).
2026-07-24 (v4.4) — Analytics hub visual suite (+ readability pass: plain-English subtitles on every chart, humanized activity feed, %-labelled donut/theme split, single-row KPIs, HUD corner accents): glowing area chart, true funnel with conversion chips, persona donut, persona-view A/B chart (LIVE badge), theme split, activity pulse feed, count-up KPIs, and microsite-matching ambience (aurora + grain); snapshot refreshed (17 visitors · 51 pageviews · 30 journey starts · 3 paper requests).
2026-07-24 (v4.3) — Campaign attribution wired: first/last-touch UTMs persisted per visitor, attached to lead_captured/whitepaper_submitted and the HubSpot Forms context (incl. hutk); canonical campaign UTM = "Members Only | T&H" (49521680). Plasma pass: energy-core reactor at the hero hub (spinning arcs + breathing glow) and plasma particle bursts on decision moments (persona switch, quiz reveal, journey completion, lead submit).
2026-07-24 (v4.2) — Bolder digital-energy pass (per reference imagery): bright cyan data veins flowing across the background, side conduit rails with travelling light packets filling the wide-screen margins, energy-pulse rings, brighter arches/routes/spikes, second comet. Compositor-safe; reduced-motion covered; 36/36 QA.
2026-07-24 (v4.1) — Luxe futuristic layer: ambient aurora drift, fine film grain, neon scroll-progress hairline, desktop pointer spotlight, light-sweep card sheens, and an occasional hero comet — all compositor-safe and reduced-motion aware. Paul Evers' photo added to Talk to Us.
2026-07-24 (v4.0) — Lead pipeline: white-paper submits now create full lead records (lead_captured + PostHog identify; HubSpot Forms-API sync wired pending IDs) and are listed in the analytics hub, which is now protected by a team passphrase (client-side gate — deterrent, not enterprise auth). All 7 section tabs fit one line on desktop.
2026-07-24 (v3.9) — Imagery evolved to the "futuristic light" direction Laurel + Jordan aligned on: warm arches of light, dusk glow, long-exposure light trail, and reflective data spikes layered into the hero and all section vizzes (warm tones are artwork-only; UI stays strictly brand palette).
2026-07-24 (v3.8) — Persona-remix views: the "Hi, …" chip now re-decides the page per persona (Maya / Devon / the Riveras) — intro copy, stat emphasis, suggested journey, case-study ordering, and paper pitch adapt within brand; choice persists and reports persona_view_switched.
2026-07-24 (v3.7) — Design & readability release: WCAG-AA light-mode contrast fixes site-wide (programmatic audit, both themes); animated data-viz system replaces static artwork (living hero route map, journey convergence diagram, animated proof chart, orbit plate); greeting cluster realigned; mobile top-bar polish; branded analytics snapshot (KPIs + 4 charts from real PostHog data) replaces the raw dashboard embed above the fold (live embed now one click deeper, lazy-loaded); wiki opens with a non-technical overview for the team.
2026-07-24 (v3.6) — Laurel's review applied: headline → "Win the membership…", eyebrow → "Loyalty Optimization · 2026", "Hi, member / Let's take a trip!" greeting; light mode shipped as default with dark toggle. Team wiki published at /wiki.html, regenerated each deploy.
2026-07-24 (v3.5) — Case-study sync moved to the hub's PUBLIC endpoint (no cookie/key; governance verified: 6 records, zero name leakage, _059 linkless from source). Ids switched to hub identifiers; guards retained. Hub MCP available.
2026-07-23 (v3.4) — Fixed hero CTA unresponsiveness (compositor-safe animations); fixed mobile overflow + tap targets; favicon; 36/36 UX regression suite. Living wiki + daily refresh task created.
2026-07-23 (v3.3) — Journey module v2 motion redesign; fixed invisible NEW MODEL box; dashboard 6→11 insights.
2026-07-23 (v3.2) — "Tidal Cartography" generative artwork integrated.
2026-07-23 (v3.1) — Case studies auto-populated (anonymized); dashboard public share + embed; official Blend logo.
2026-07-23 (v3.0) — Custom domain canonicalized; PP Telegraf embedded; personalization suite; scrollytelling; JSON-LD + llms.txt; speed-to-lead scaffold; analytics on Blend360 PostHog org.
2026-07-23 (v2.0) — Interactive v2: journey simulator, readiness quiz, ROI calculator, PostHog instrumentation, analytics.html, local-dev docs.
2026-07-23 (v1.0) — First edition shipped to Azure SWA; Blend brand applied after Laurel's guidelines review.