Project 7 · Mar – Oct 2026

RedBridge Website V3

Role: Head of IT · Sole technical architect, developer & SEO implementer · Cross-subsidiary, Siddeley Group · 12 phases · 24+ routes · 182+ components · 429 commits

Business Impact

Cost

The entire V3 redevelopment — 24+ bilingual routes, 182+ components, a full design system, and a full technical SEO implementation across 12 phases — was delivered solo with zero agency or contractor spend. A comparable from-scratch agency build plus full technical SEO audit and implementation of this scope typically runs $43,000–$103,000 AUD, avoided entirely with no ongoing retainer.

Marketing

Phase 4's hreflang and canonical fixes plus Phase 5's sitemap submission and FAQPage/LocalBusiness schema directly improve organic visibility for a bilingual audience in a high-intent, competitive niche (skilled migration consulting, Melbourne). The Chinese-language pages are now properly indexed and eligible to rank in zh-CN Google Search — opening a channel to RedBridge's core Mandarin-speaking skilled migrant audience without any additional ad spend.

Revenue

The Phase 1 hub-and-spoke SEO architecture concentrates topical authority on the Employer Pathway service area, reinforced by structured data built across Phases 4–5 and 10: FAQPage (expanded to 23 Q&A pairs), BreadcrumbList, Organization/LocalBusiness, and social OG metadata — making the site eligible for FAQ accordions, breadcrumb trails, a knowledge panel, and professional social share cards, increasing click-through rate at zero marginal cost.

Scale at a Glance

429

Commits

24+

Routes

182+

Components

Phases

1 Jul

CSIT indexed on day of change

FAQPage Q&A pairs in structured data

Smoke tests per deploy

FAQ answers un-hidden from Googlebot

External agency spend

Project Summary

Field	Details
Project Name	RedBridge Consulting Website V3 — Full Redevelopment, SEO Architecture & Technical SEO Audit
项目名称	RedBridge Consulting 网站 V3 — 全面重构、SEO 架构与技术 SEO 审计
Period	Mar 6 – Oct 2026 (12 phases)
周期	2026年3月6日–10月（12个阶段）
Company	RedBridge Consulting Pty Ltd (ABN 88 678 186 091)
公司	RedBridge Consulting Pty Ltd（ABN 88 678 186 091）
Role	Head of IT — Sole technical architect, developer & SEO implementer; bridging design intent and production delivery across an inter-subsidiary engagement
职能	IT 总监 — 独立技术架构师、开发者兼 SEO 实施者；跨子公司协作中衔接设计意图与生产交付
Total Commits	429
总提交数	429
Routes	24+ bilingual page routes (EN + ZH)
路由数	24+ 个双语页面路由（中 + 英）
Components	182+
组件数	182+
Stack	Next.js 16 (App Router) + next-intl · TypeScript · Tailwind CSS · shadcn/ui · react-hook-form + Zod · libphonenumber-js · Cloudflare Workers via OpenNext · Cloudflare R2 · hls.js · FFmpeg · Google Apps Script · GitHub Actions CI/CD · Google Tag Manager · Google Ads · Google Sheets API · Meta Conversions API · Google Search Console
技术栈	Next.js 16（App Router）+ next-intl · TypeScript · Tailwind CSS · shadcn/ui · react-hook-form + Zod · libphonenumber-js · 通过 OpenNext 部署至 Cloudflare Workers · Cloudflare R2 · hls.js · FFmpeg · Google Apps Script · GitHub Actions CI/CD · Google Tag Manager · Google Ads · Google Sheets API · Meta Conversions API · Google Search Console
Phase 1 Scope	V3 redevelopment from scratch — architecture, design system, hub-and-spoke SEO, full EN/ZH i18n, multi-step booking form, Google Sheets lead capture, Meta CAPI, GTM + Google Ads, attribution tracking
第一阶段范围	从零开始的 V3 重构 — 架构、设计系统、轮辐式 SEO 架构、完整中英国际化、多步骤预约表单、Google Sheets 线索捕获、Meta CAPI、GTM + Google Ads、归因追踪
Phase 2 Scope	Technical debt reduction, architecture restructure & content accuracy — removed 82 orphaned message files, corrected MARN number (1467670 → 1467870), renamed 482 TSS → Skills in Demand (SID), added Automotive sector, consolidated duplicated components
第二阶段范围	技术债削减、架构重组与内容准确性核查 — 删除 82 个孤立 message 文件，修正 MARN 号码（1467670 → 1467870），将 482 TSS 更名为 SID 签证，新增汽车行业板块，整合重复组件
Phase 3 Scope	Codebase quality audit — Tailwind migration, design tokens, refactor
第三阶段范围	代码库质量审计 — Tailwind 迁移、设计令牌、重构
Phase 4 Scope	Technical SEO audit — hreflang, duplicate titles, robots.ts, BreadcrumbList, MARN/ABN constant, meta keywords removal
第四阶段范围	技术 SEO 审计 — hreflang、重复标题、robots.ts、BreadcrumbList、MARN/ABN 常量、移除 meta keywords
Phase 5 Scope	FAQPage & LocalBusiness schema, sitemap submitted to GSC, /services/ URL flattening, inline contextual linking, founder support
第五阶段范围	FAQPage 与 LocalBusiness 结构化数据、站点地图提交至 GSC、/services/ URL 精简、内联上下文链接、创始团队支持
Phase 6 Scope	CI/CD pipeline via GitHub Actions, 7-test post-deploy smoke suite (cache purge → route verification), production deployment bug fix, and three-root-cause FAQ inline link fix
第六阶段范围	GitHub Actions CI/CD 流水线、7 项部署后冒烟测试套件（缓存清除 → 路由验证）、生产部署 bug 修复，以及三根因 FAQ 内联链接 bug 修复
Phase 7 Scope	Content cluster expansion (Clusters 1–7) — 6 new indexed pages covering 482 requirements, Skills in Demand rebrand, 482-to-PR pathway, visa sponsorship jobs (1,694 words), Career Launch expansion (1,738 words), employer pathway hub expansion (2,002 words) + FAQ Googlebot crawlability fix; grouped mega menu surfacing all 9 employer pathway pages in two labelled groups
第七阶段范围	内容集群扩展（集群 1–7）— 6 个新索引页面，涵盖 482 签证要求、Skills in Demand 更名解释、482 转 PR 路径、签证担保工作（1,694 字）、职业启航计划扩展（1,738 字）、雇主担保通道枢纽扩展（2,002 字）+ FAQ Googlebot 可爬取性修复；分组大导航菜单将全部 9 个雇主担保通道页面分两组呈现
Phase 8 Scope	Data hygiene (ZH About page orphaned keys removed), GSC-informed SEO metadata rewrite (6 pages, caught MARN inaccuracy in client copy), regulatory accuracy fix (MLTSSL → CSOL across 4 files, 6 strings), 10-gap internal linking audit & implementation (18 files: homepage, spoke pages, FAQ, success cases, for-employers fee table, About, booking success card)
第八阶段范围	数据清理（删除 ZH 关于页面孤立 JSON 键）、基于 GSC 数据的 SEO 元数据改写（6 个页面，发现并纠正客户文案中的 MARN 不准确表述）、法规准确性修复（MLTSSL → CSOL，4 个文件 6 处字符串）、10 项内部链接缺口审计与实施（18 个文件：首页、子页面、FAQ、成功案例、雇主费用表、关于页面、预约成功提示卡）
Phase 9 Scope	1 Jul 2026 CSIT indexation update ($76,515 → $79,499 across 6 files, 8 strings; TSMIT → CSIT label fix in 2 FAQ files); post-launch internal link audit (10 gaps reviewed, 2 genuine gaps implemented); PaymentMilestones tablet/mobile layout fix (2 independent CSS root-cause bugs); NavBar logo overflow fix & height increase (18 files updated)
第九阶段范围	2026年7月1日 CSIT 薪资门槛年度更新（$76,515 → $79,499，6 个文件 8 处字符串；2 个 FAQ 文件中 TSMIT → CSIT 标签修正）；发布后内部链接审计（10 项缺口复查，2 项真实缺口实施）；PaymentMilestones 平板端/移动端布局修复（2 个独立 CSS 根因 bug）；导航栏 Logo 溢出修复与高度调整（18 个文件更新）
Phase 10 Scope	Technical SEO overhaul (late Jun – Jul 2026): resolved live i18n rendering bug (raw key string surfacing in footer for all visitors); corrected title tags to 50–60 character range (5 pages); rewrote meta descriptions to ~150 chars with CTAs across all key pages; injected primary keywords (482, 186, Melbourne) into H1 headings (5 pages); fixed alt text on Xiaohongshu icons (2 components); upgraded OG image from broken 160×44px to 1200×630px branded image; upgraded Twitter Card to summary_large_image; verified hreflang alternate tags (en, zh, x-default) in production HTML; added LocalBusiness + Organization JSON-LD to homepage; expanded FAQPage structured data from 8 to 23 Q&A pairs across all three FAQ categories; improved anchor text specificity on SuccessStrip CTAs and SpokeNavCards; wired hero video poster frame (LCP fix). Agency-equivalent cost avoided: $3,000–$8,000 AUD
第十阶段范围	技术 SEO 全面升级（2026年6月末–7月）：修复上线 i18n 渲染 bug（页脚对全体访客显示原始键名字符串）；将 5 个页面标题标签修正至 50–60 字符最优区间；将全部关键页面 meta 描述改写至约 150 字符并添加明确 CTA；在 5 个页面 H1 中注入主要关键词（482、186、墨尔本）；修复两个组件中小红书图标 alt 文本；将 OG 图片从损坏的 160×44px 升级为 1200×630px 品牌图片；将 Twitter Card 类型升级为 summary_large_image；在生产 HTML 中验证 hreflang 备用标签（en、zh、x-default）渲染正确；在首页新增 LocalBusiness + Organization JSON-LD 结构化数据；将 FAQPage 结构化数据从 8 条扩展至 23 条（覆盖三个 FAQ 类别）；优化锚文本特异性；为英雄视频添加 poster 帧（LCP 修复）。节省外部机构费用：$3,000–$8,000 澳元
Phase 11 Scope	ZH success story localisation (cases.ts extended with ZH content, SuccessCards.tsx + CaseSpotlight.tsx made locale-aware via useLocale(), all 24 case studies, messages JSON updated); form analytics & data quality (locale tracking corrected from an unpopulated ?locale= query param to URL pathname across both client and employer enquiry forms; country dial code selection storing mobile numbers in E.164; minimum age 18 validation on date of birth); Google Apps Script silent data-loss fix (appendRow() → getLastRow() + 1 + setValues() with an all-empty guard); custom country dial code selector built without a third-party library, replacing react-phone-number-input; maintenance banner system built across 16 routes then fixed and removed; form submission route.ts end-to-end rewrite (Apps Script redirect/response parsing, Meta CAPI async confirmed); stale BOOKING_SHEET_URL Cloudflare env var identified and updated
第十一阶段范围	中文版成功案例本地化（cases.ts 新增 ZH 内容、SuccessCards.tsx 与 CaseSpotlight.tsx 通过 useLocale() 支持语言切换、覆盖全部 24 个案例、messages JSON 补齐 ZH 键）；表单分析与数据质量（将语言追踪从从未被填充的 ?locale= 查询参数改为读取 URL 路径，覆盖客户端与雇主端两个询盘表单；新增国家区号选择，手机号以 E.164 格式存储；出生日期新增 18 岁最低年龄校验）；Google Apps Script 静默数据丢失修复（appendRow() → getLastRow() + 1 + setValues()，并新增全空值守卫）；不依赖第三方库自建国家区号选择器，替换 react-phone-number-input；跨 16 个路由构建维护横幅系统，随后修复并移除；表单提交 route.ts 端到端重写（Apps Script 重定向解析、Meta CAPI 异步确认）；识别并更新过期 BOOKING_SHEET_URL Cloudflare 环境变量
Phase 12 Scope	HLS video streaming on the About page (4K 111 Mbps master compressed to a web-optimised 1080p stream via FFmpeg, 4-second segments hosted on Cloudflare R2, client-side hls.js player with native Safari fallback, poster frame, CSP connect-src/media-src/img-src updated for R2, replacing a react-player v3 implementation that failed to initialise in the Workers runtime); phone validation extracted to src/lib/phone.ts (full-width character normalisation, paste-aware dial code composition, libphonenumber-js/mobile validation, blur-and-submit validation timing); brand and contact consolidation (Siddeley Talent Link references removed from the About page and footer group links, all contact emails standardised to info@redbridge-consulting.com.au, footer affiliation copy changed from 'Part of the' to 'Partners with', CI smoke test repaired after the copy change across 4 commits)
第十二阶段范围	关于页面 HLS 视频流（4K 111 Mbps 母带经 FFmpeg 压缩为网络优化的 1080p 流，切分为 4 秒片段并托管于 Cloudflare R2，客户端 hls.js 播放器配 Safari 原生回退，新增 poster 封面帧，更新 CSP 的 connect-src/media-src/img-src 以允许 R2 请求，替换在 Workers 运行时无法初始化的 react-player v3 实现）；电话校验逻辑抽离至 src/lib/phone.ts（全角字符归一化、支持粘贴的区号拼接、libphonenumber-js/mobile 校验、失焦与提交两处校验时机）；品牌与联系方式统一（从关于页面及页脚集团链接中移除 Siddeley Talent Link 引用，全站联系邮箱统一为 info@redbridge-consulting.com.au，页脚关联表述从 'Part of the' 改为 'Partners with'，并在文案变更后跨 4 次提交修复 CI 冒烟测试）
Cost Impact	Est. $43,000–$103,000 AUD agency cost avoided (V3 build + full technical SEO audit + implementation)
成本影响	估计节省机构建站及完整技术 SEO 审计与实施费用 $43,000–$103,000 澳元
Live URL	https://redbridge-consulting.com.au
上线链接	https://redbridge-consulting.com.au
Production URL	https://redbridge-v3.vanessachs-work.workers.dev/
生产环境链接	https://redbridge-v3.vanessachs-work.workers.dev/

🌐

Live Site

https://redbridge-consulting.com.au

Phase Breakdown

Cluster 1 (22–26 Jun): Built three new 482 visa informational spoke pages covering requirements & eligibility, visa conditions, and costs & fees — establishing the SpokeInfoLayout component as the reusable template subsequently adopted across Clusters 2, 3, and 6. Authored complete English content; created Chinese-language stubs for future translation. Wired all pages into site navigation, sitemap, and internal cross-linking structure. Each page targets a distinct high-search-volume 482 visa query category and cross-links to related services and the free consultation CTA.
Cluster 2 (22–26 Jun): Identified that the December 2024 government renaming of the TSS visa to Skills in Demand created a search-intent gap and client confusion point. Built /employer-pathway/skills-in-demand-visa as a dedicated explainer, cross-linked from the FAQ, hub, and 482 matching pillar — making both legacy ('TSS visa') and current ('Skills in Demand visa') terminology addressable via a single authoritative page. Removes a friction point that was generating unnecessary inbound contact about whether the visa product had fundamentally changed.
Cluster 3 (22–26 Jun): Built /employer-pathway/482-to-pr-pathway covering the TRT stream route from a 482 visa to the 186 permanent residency visa — the question most 482 holders research after approval. Engineered multi-link support for success case cards so individual client stories can reference multiple service pages simultaneously, increasing internal link value per case study without additional content effort. Cross-linked across hub, FAQ, 186 page, and success cases pages.
Cluster 4 (22–26 Jun): Expanded /employer-pathway/186-direct-entry-sponsorship from a minimal service template to a full Pillar layout using a new Pillar186Layout component — adding long-form educational content covering 186 eligibility, the age-under-45 constraint and its timing implications, TRT vs Direct Entry stream differences, and where-next navigation cards directing users to related services. The Pillar layout pattern was reused in Cluster 7, reducing build time for the Career Launch expansion.
Cluster 5 (22–26 Jun): Added 2,002 words of dual-audience educational content to the /employer-pathway hub via a new HubInfoSections component covering six H2 topics: sponsorship overview, process stages, eligibility, employer obligations, realistic timeline, and next steps. Independently discovered and fixed a previously undetected SEO bug: the FAQ category tab system was only rendering the active tab into server-side HTML — leaving 11 FAQ entries invisible to Googlebot despite appearing functional to users. Fixed by always-mounting all category panels in the DOM with CSS-hidden inactive tabs. Added a new SAF levy FAQ entry.
Cluster 6 (22–26 Jun): Built /employer-pathway/visa-sponsorship-jobs-australia (1,694 words across six H2 sections) targeting one of the highest-volume queries in the immigration space — explaining why self-directed job searching converts poorly, what employers look for before agreeing to sponsor, which industries have the most 482 activity, and how RedBridge's verified employer network is structurally different. Added FAQPage and BreadcrumbList JSON-LD, cross-link from the 482 matching pillar, a new FAQ entry, and sitemap entry. Previously this query had no matching page on the site.
Cluster 7 (22–26 Jun): Expanded /employer-pathway/career-launch-program from a minimal service template to a full Pillar layout (1,738 words across six H2 sections) using a new PillarCareerLaunchLayout component. Identified and closed a critical disclosure gap: the Siddeley Talent Link recruitment relationship was disclosed on the FAQ, About, and hub pages, but absent from the specific page most likely to receive direct organic traffic — added disclosure within the new content for both transparency and regulatory compliance. Added a new eligibility FAQ entry routing ineligible candidates toward the correct service.
Grouped Mega Menu (26 Jun): Identified that nine indexable pages existed under Employer Sponsorship but only three were discoverable via the navigation. Redesigned the desktop hover dropdown and mobile accordion to present all nine pages in two labelled groups — Services (Career Launch, 482 Employer Matching, 186 Direct Entry) and Guides & Resources (six informational pages). Added eight new translation keys (EN + ZH). Reduces clicks from homepage to any individual guide from two to one — directly increasing return on the Phase 7 content investment for all visitors regardless of which page they land on.

ZH About page data hygiene: performed targeted orphaned-key audit on the Chinese locale content file, verifying each key via grep across the full component tree before deletion. Removed 5 orphaned JSON keys (story.stats, story.statsLabel, story._todo_stats, story.companyNote, and the entire team block) that had no rendering counterpart in any TSX component. Confirmed no visual regression and maintained ZH parity with the EN file, which had removed these keys in a prior session.
GSC-informed SEO metadata rewrite (6 pages): analysed live Google Search Console data (clicks, impressions, CTR) for the top 10 pages. Selected the strongest of three client-provided variants per page based on keyword specificity, search intent alignment, and character count. Implemented changes across 6 page.tsx files (EN only; ZH unchanged). Independently caught and corrected a factual inaccuracy in the proposed About page title — 'MARN-Registered Migration Help' was replaced with 'Migration Advice You Can Verify' because RedBridge does not hold the MARN; Insight Idea (MARN 1467870) does. Employer-pathway hub (206 impressions, 0% CTR) given highest-priority rewrite: 'Confused About 482 vs 186? Start Here'. Verified canonical tag behaviour for tracking-parameter URLs via curl — no GSC fragmentation risk.
Regulatory accuracy fix (MLTSSL → CSOL): identified that eligibility strings still referenced the MLTSSL (Medium and Long-term Strategic Skills List), which was replaced by the Core Skills Occupation List (CSOL) on 7 December 2024 when Skills in Demand visa reforms took effect. Distinguished stale current-criteria references (incorrect) from historical-explanation references (correct). Replaced 6 strings across 4 files (messages/en/employer-pathway.json, messages/en/employer-pathway/spokes.json, and their ZH counterparts). Left historical transition prose intact. Verified via curl that rendered pages showed CSOL only in eligibility-facing content. Eliminated a compliance and trust risk for a regulated migration services website whose credibility depends on current, verified eligibility criteria.
10-gap internal linking audit & implementation: conducted a Step 0 audit confirming all 10 linking gaps were genuine before writing code, using targeted Python and bash checks against JSON data structures. Implemented all 10 items across 18 files (14 JSON with full EN + ZH parity; 4 TSX components). Homepage Why section now surfaces three newer spoke pages (482-to-PR, Skills in Demand, visa sponsorship jobs) previously invisible from the site's highest-traffic entry point. Spoke pages cross-link between conditions, cost-fees, 186 DE, and the hub. Career Launch solutionLinkOut (empty since launch) now links to the job-search page. FAQ Career Launch answer provides two actionable next steps. Two ICT success case studies link to the 482 requirements page. For-employers fee table gains two additional links. About page STL section links to Career Launch. Booking form success card adds next-step links to FAQ and success cases — reducing post-submission drop-off while enquirers await a reply. Verified 9 of 10 changes via curl; 10th confirmed via clean TypeScript compilation.

CSIT Annual Indexation Update (1 Jul 2026): audited and corrected the government-indexed Core Skills Income Threshold (CSIT) salary figure across 6 message files and 8 string instances in both English and Chinese — from the stale $76,515 to the 1 July 2026 rate of $79,499. Simultaneously corrected two FAQ instances where the outdated government label 'TSMIT' had not been updated to reflect the December 2024 Department of Home Affairs rebrand to 'CSIT'. Zero residual stale figures on live site. Both locales verified via production server. Incorrect salary thresholds on a migration advisory site carry legal and reputational risk — this update closed that exposure on the day of government indexation, before any employer client could cross-reference a stale figure.
Post-launch internal linking audit — 10-gap pass (29 Jun – 1 Jul): designed and executed a systematic audit of 10 flagged internal linking gaps across the 18-route hub-and-spoke architecture. Distinguished genuine gaps from false negatives (links already present in TSX components rather than JSON, which grep-only audits miss) — preventing 8 unnecessary changes that would have introduced regression risk. Implemented the 2 confirmed genuine gaps: added a Career Launch → Visa Sponsorship Jobs related link (Gap 6) and a 482 Requirements link to the accountant success card (Gap 8), completing the conversion funnel from a case study to a service page. All changes verified via production curl against 3 live routes.
PaymentMilestones cross-viewport layout fix (29 Jun): diagnosed two concurrent CSS layout failures in the employer pathway's PaymentMilestones component. Bug 1 (tablet overflow): traced to a 7-item flex layout with a 120px minimum width per item producing an 840px floor, against a mobile-stack breakpoint set at only 700px — leaving a 700–888px viewport gap where the layout broke. Fixed by raising the breakpoint to 900px. Bug 2 (mobile misalignment): traced to step-number dots positioned inside a content div that sized to its text children, causing each dot to self-centre at a different x-position. Fixed by restructuring to a flex-row layout with the dot as a fixed-shrink left anchor. Both fixes verified across mobile, tablet, and desktop viewports without regression. The PaymentMilestones component sits on the employer pathway — a core conversion page where cost transparency builds trust with prospective sponsoring employers.
NavBar logo overflow fix & height increase (1 Jul): diagnosed logo overflow across the fixed navigation bar. Root cause: the rb-logo.png file has a true aspect ratio of 2.855:1 (1616×566px), but the Next.js Image component was using an assumed 4:1 hint — causing h-auto to render the logo at ~95px, nearly filling the 96px desktop nav and overflowing at 2xl breakpoints. Fixed by raising nav height from h-24 (96px) to h-28 (112px), applied a translate-y nudge to compensate for asymmetric transparent padding in the PNG artwork, and updated all 16 page top-padding offsets (md:pt-24 → md:pt-28) plus the homepage hero inline CSS to maintain content clearance. 18 files updated. Build and CI passed clean. The navigation bar is the first element every visitor sees on every page — logo overflow directly undermined brand presentation on a professional employer-facing services site.

Resolved a live i18n rendering bug where the raw key string 'footer.footer.affiliationPrefix' was surfacing in the footer for all site visitors — root cause: duplicate namespace prefix in the t() call. Fixed before any employer prospect or client could encounter it. A raw key string visible in the footer of a regulated migration services site directly undermines professional credibility with exactly the audience (employers, skilled migrants) the site is designed to convert.
Title tag and H1 alignment (5 pages): audited every page title against the 50–60 character optimal range for search snippets and corrected 5 pages that were over- or under-length. Simultaneously injected primary keywords (482, 186, Melbourne) into H1 headings on 5 pages — aligning on-page signals with target search intent for the core acquisition keywords of the business (482 visa employer sponsorship Melbourne, 186 direct entry, 482 employer matching).
Meta description rewrite across all key pages: rewrote to ~150 characters with clear calls to action, providing Google with well-structured copy to surface in search snippets — improving expected click-through rates from organic results across the primary service and information pages.
Accessibility fix: repaired broken alt text on Xiaohongshu (RedNote) icons across two components. Icons were rendering with missing or incorrect alt attributes, failing screen reader compliance and reducing accessibility score. Alt text specificity also corrected on SuccessStrip story CTAs and SpokeNavCards guide links, strengthening internal linking anchor text signals for key service pages.
OG image and social sharing upgrade: diagnosed the existing OG image reference as a 160×44px logo-sized asset — producing blank or broken social share cards on Facebook, LinkedIn, and Twitter/X. Upgraded to a correctly sized 1200×630px branded image and upgraded Twitter Card type from 'summary' to 'summary_large_image', unlocking the large-format preview on X/Twitter. Every social share of any RedBridge URL now generates a professional, correctly proportioned branded preview card — directly improving click-through from LinkedIn, Facebook, and WeChat shares.
Structured data expansion: (1) added LocalBusiness and Organization JSON-LD schema to the homepage — making RedBridge eligible for rich results including address, phone, opening hours, and geo-coordinates in Google Search; (2) expanded FAQPage structured data on /faqs from 8 to 23 Q&A pairs across all three FAQ categories, increasing the pool of questions eligible to appear as rich results. Combined with existing BreadcrumbList, FAQPage schema on /visa-sponsorship-jobs-australia, and Organization JSON-LD, RedBridge now has the broadest structured data coverage it has ever had.
hreflang production verification: verified hreflang alternate tags (en, zh, x-default) render correctly in live production HTML via server-side curl — confirming Google will correctly serve the Chinese version to Mandarin-speaking users and that both language versions are indexed under separate canonical signals with no cross-language duplication risk.
Hero video LCP fix: wired a poster frame attribute to the homepage hero video — the homepage now displays a branded cover image during video load instead of a black frame. Eliminates the LCP black-frame risk that would penalise Core Web Vitals scoring and create a visually jarring first impression on page load.

Extended cases.ts with Chinese-language content across all 24 success stories and made SuccessCards.tsx and CaseSpotlight.tsx locale-aware via useLocale() — serving locale-correct content without duplicating routes, so all success story content renders fully bilingual across both EN and ZH with no hardcoded strings or raw key strings surfacing to either audience
Updated the messages JSON with missing ZH translation keys for success story display strings and verified the full success stories section renders correctly in both locales
Fixed locale tracking in both the client and employer enquiry forms: the submitted locale was read from a ?locale=zh URL query parameter that was never populated on a path-based routing site, so every ZH enquiry was being recorded as English. Corrected to read from the URL pathname instead — restoring the language signal that tells the RedBridge team which audience each lead came from, and repairing a silent bias in all downstream enquiry analytics
Added country dial code selection to the mobile number field and standardised storage to E.164 format (+61412345678) — giving every captured number a single unambiguous shape for downstream analytics, CRM import, and direct dialling, instead of the free-text mix of local, spaced, and international formats the field previously accepted
Added a minimum age of 18 validation to the date of birth field via a Zod .refine() cutoff calculation, with localised error messages in both English and Simplified Chinese — blocking submissions that could not lead to a valid skilled visa application before they enter the enquiry pipeline
Diagnosed a silent data-loss bug in the Google Apps Script backend: appendRow() was writing blank rows whenever the sheet headers drifted — the drift caused by Google Sheets table formatting converting the named range out from under the script. Because appendRow() fails silently, enquiries appeared to submit successfully while landing in the sheet as empty rows. Replaced appendRow() with explicit row targeting via sheet.getLastRow() + 1 and setValues(), writing after the last occupied row regardless of named table boundaries, and added a guard that throws a descriptive error when every mapped value is empty — surfacing header mismatches at the point of failure instead of letting incoming leads arrive blank
Built a custom country dial code selector with no third-party dependency, replacing react-phone-number-input whose CDN-hosted flag sprites failed to load in production. Constructed as a two-part control — a <select> dial code picker covering 26 countries with Australia as the default, paired with a plain <input type="tel"> — styled to read as a single cohesive field, and wired through the react-hook-form Controller pattern with Zod validation. Removes an external CDN dependency from the critical path of the site's primary conversion form
Built a maintenance banner system — a fixed top bar z-indexed above the navigation, with matching nav and page padding offsets applied across 16 routes — designed so the entire banner can be toggled on or off in a single commit, giving the team a one-step way to communicate planned downtime sitewide
Diagnosed and fixed maintenance banner visibility logic that was incorrectly controlling banner display, then removed the banner component entirely once the maintenance period concluded — resulting in a clean production layout with no residual banner code
Rewrote the form submission route.ts handler end-to-end: traced Google Apps Script redirect behaviour, fixed response parsing to correctly handle the redirect chain, and confirmed Meta CAPI fires asynchronously without blocking form submission — resulting in a verified and stable form submission pipeline in the Cloudflare Workers runtime
Identified a stale BOOKING_SHEET_URL Cloudflare environment variable as the root cause of form submissions silently writing to the wrong Google Sheet — updated the env var to point to the correct client-facing sheet and verified end-to-end that new form submissions appear in the correct destination, resolving a silent lead data misdirection issue

Built an HLS streaming pipeline to deliver a self-hosted About page video to both domestic and China-based users — compressing a 4K master (111 Mbps) to a web-optimised 1080p stream with FFmpeg, segmenting it into 4-second chunks, and hosting the output on Cloudflare R2. Self-hosting rather than embedding a third-party player is what makes the video playable for RedBridge's core Mandarin-speaking audience inside China, where the major Western video hosts are unreachable
Implemented a client-side hls.js player with native Safari fallback via useEffect — Safari plays the HLS manifest natively while every other browser is served through hls.js — and added a poster frame thumbnail so the player shows a branded still immediately instead of a blank box while the first segments load
Updated the Content Security Policy (connect-src, media-src, img-src) to permit R2 requests, and replaced an earlier react-player v3 implementation that failed to initialise in the Cloudflare Workers runtime — the second component on this project to require replacing a third-party library that could not run in the Workers environment
Extracted all phone handling into a new src/lib/phone.ts module of pure functions with no React dependency, making the logic independently testable and reusable across both enquiry forms: normalizePhoneInput converts full-width ０-９ and ＋ characters to ASCII and strips spaces, dashes, and brackets; buildCombinedPhone uses a local number as-is when it already starts with + (so a pasted international number survives intact) and otherwise strips leading zeros before prepending the selected dial code; phoneErrorMessage validates against the libphonenumber-js/mobile bundle and formats the country name plus a worked example into the error text
Chose the mobile-only libphonenumber-js bundle deliberately so that a landline or otherwise non-mobile number — for example +86412345678 — correctly fails validation rather than passing as a valid phone number, ensuring every captured number is actually reachable by SMS and mobile call
Tuned validation timing so the form corrects rather than nags: blurring either the dial code select or the number input validates and sets or clears the error, submitting without ever touching the field runs the same phoneErrorMessage callback through Zod so the wording is identical on both paths, and nothing validates mid-typing — no error appears while a user is still part-way through entering a number
Removed Siddeley Talent Link references from the About page and the footer group links, and changed the footer affiliation copy from 'Part of the' to 'Partners with' — bringing the site's description of the group relationship into line with how RedBridge now presents it
Standardised every contact email across the site to info@redbridge-consulting.com.au, eliminating the divergent addresses that had accumulated across service pages, the footer, and form confirmations — enquiries now reach a single monitored inbox regardless of which page a visitor contacts from
Repaired a CI smoke test that went red after the footer copy change: the post-deploy suite asserted on the old affiliation string, so the content edit broke the pipeline rather than the site. Fixed across 4 commits — a reminder that smoke tests asserting on exact copy need updating in the same change as the copy itself

SEO Architecture — Hub-and-Spoke Model

The Employer Pathway service area follows a hub-and-spoke model: a central hub page targets the broad keyword and links out to three dedicated spoke pages, each targeting a specific high-intent search query — concentrating topical authority and internal links toward conversion-ready content. In Phase 5, the spoke URLs were flattened to remove the redundant /services/ path segment, aligning every route with the sitemap and breadcrumb hierarchy.

Hub

Employer Pathway

/employer-pathway

Spoke 01

482 Visa Employer Matching

/employer-pathway/482-visa-employer-matching

Spoke 02

491 Direct Entry

/employer-pathway/491-direct-entry

Spoke 03

Career Launch Program

/employer-pathway/career-launch-program

Technical Highlights

🏗️

i18n Architecture

Full EN/ZH bilingual routing via next-intl across all 18 routes, with locale-aware metadata, hreflang, and sitemap generation.

🧩

V3 Component System

178 reusable components built on a shared design system — typography, spacing, and colour tokens standardised in Phase 3.

❓

FAQ Patterns

Reusable FAQ accordion components paired with FAQPage JSON-LD, enabling rich-result eligibility across service pages.

📋

Lead Capture

Multi-step consultation booking form feeds directly into a shared Google Sheet — real-time enquiry visibility for the RedBridge team with zero manual handling.

📡

Meta CAPI

Server-side Meta Conversions API integration tracks leads from Facebook and Instagram campaigns accurately, bypassing ad blockers that strip client-side pixel events.

📊

Conversion Tracking

Shared conversion-tracking components instrumented across all landing and service pages for consistent funnel measurement.

📦

Bundle & Weight Reduction

Dead code and duplicate dependencies removed in Phase 2, reducing the production bundle size.

🧹

Codebase Health

58 inline styles replaced with Tailwind utilities and ~699 lines of duplicated code refactored across the component library in Phase 3.

🧪

CI Smoke Tests

7 automated smoke tests run after every deploy: purge Cloudflare edge cache, wait for propagation, then verify critical links and i18n strings across 4 routes — catching regressions before users see them.

🐛

Three-Root-Cause Bug Fix

FAQ inline links silently dropped in production due to three independent causes: next-intl t.raw() stripping nested arrays, OpenNext esbuild dropping JSON array-of-objects outside src/, and next-intl rich-text parser incompatibility with the Workers runtime — fixed with a custom parseRichText() regex helper.

🏷️

Attribution Tracking

ctasrc and locale URL parameters captured into the booking form; Google Tag Manager managing Google Ads, Meta Pixel, and conversion events across the full funnel.

📐

Reusable Layout Patterns

Phase 7 established SpokeInfoLayout, Pillar186Layout, HubInfoSections, and PillarCareerLaunchLayout — each directly reused across subsequent clusters, compounding the return on each component investment.

🔍

FAQ Crawlability Fix

Independently discovered that the FAQ tab system was excluding 11 entries from Googlebot-visible server-side HTML. Fixed by always-mounting all category panels in the DOM with CSS-hidden inactive tabs — restoring indexability without any UI change.

🗂️

Grouped Mega Menu

Redesigned desktop and mobile navigation to surface all 9 employer pathway pages in two labelled groups, reducing homepage-to-guide click depth from 2 to 1 with 8 new translation keys (EN + ZH) and no hardcoded strings.

🖼️

OG Image & Social Sharing

Diagnosed the existing OG image reference as a 160×44px logo asset producing blank social cards. Upgraded to a correctly sized 1200×630px branded image and promoted Twitter Card from 'summary' to 'summary_large_image' — every RedBridge social share now displays a professional branded preview on LinkedIn, Facebook, and X/Twitter.

🏢

LocalBusiness & Organization JSON-LD

Added LocalBusiness and Organization structured data to the homepage, making RedBridge eligible for rich results including address, phone, opening hours, and geo-coordinates in Google Search — the broadest structured data coverage the site has held.

📊

FAQPage Schema Expansion

Expanded FAQPage structured data on /faqs from 8 to 23 Q&A pairs across all three FAQ categories, increasing the pool of questions eligible to appear as rich result accordions in Google Search.

🎬

Video LCP Poster Frame

Wired a poster frame to the homepage hero video — the page now displays a branded cover image during video load instead of a black frame, eliminating an LCP Core Web Vitals risk on the highest-traffic page.

🩸

Silent Data-Loss Fix

Google Apps Script's appendRow() was writing blank rows whenever sheet headers drifted — caused by Sheets table formatting converting the named range — so enquiries appeared to submit while landing empty. Replaced with explicit row targeting via getLastRow() + 1 and setValues(), plus a guard that throws when every mapped value is empty, surfacing header mismatches at the point of failure instead of silently corrupting the lead dataset.

📞

E.164 Phone Capture

A custom country dial code selector built with zero third-party dependencies — replacing react-phone-number-input, whose CDN-hosted flag sprites failed to load in production. Mobile numbers are stored in E.164 format (+61412345678), giving every captured lead one unambiguous shape for analytics, CRM import, and direct dialling.

🧭

Path-Based Locale Tracking

Enquiry forms recorded the submitted locale from a ?locale= query parameter that a path-based routing site never populates — so every Chinese-language enquiry was logged as English. Corrected to read from the URL pathname across both the client and employer forms, restoring the audience signal in all downstream lead analytics.

🚧

Maintenance Banner System

A fixed top bar z-indexed above the navigation, with matching nav and page padding offsets across 16 routes, built so the whole banner toggles on or off in a single commit — a one-step way to announce planned downtime sitewide. Removed cleanly once the maintenance period concluded.

🎥

HLS Video Streaming on R2

A 4K master at 111 Mbps compressed with FFmpeg to a web-optimised 1080p stream, segmented into 4-second chunks and served from Cloudflare R2. A client-side hls.js player with native Safari fallback and a poster frame delivers the video to viewers inside China, where the major Western video hosts are unreachable — self-hosting is what makes the About page video playable for the core Mandarin-speaking audience.

🔢

phone.ts — Pure Validation Logic

Phone handling extracted into a React-free module of pure functions: full-width ０-９ and ＋ normalised to ASCII, pasted international numbers preserved as-is while local numbers have leading zeros stripped before the dial code is prepended, and validation run against the mobile-only libphonenumber-js bundle so a non-mobile number such as +86412345678 correctly fails. Blur and submit share one callback, so the error wording is identical on both paths and nothing validates mid-typing.