Siddeley Group Website
Role: Head of IT — Sole front-end developer & technical lead · 2 phases across 6 days
Business Impact
Hosting on Cloudflare Pages free tier — $0/month. No third-party translation services used; ~8,000 words of ZH content authored directly, avoiding est. $800–$1,600 in professional translation costs. All tooling open-source.
The primary public-facing presence for The Siddeley Group and all four brands. The Chinese-language version expands reach to Melbourne's Chinese-Australian professional community — a primary audience for RedBridge, STL, and GoodMood. Mobile performance fixes reduce bounce rate across all inbound channels.
The bilingual site materially increases the addressable market for all four brands. Bilingual insight articles targeting Chinese-speaking job seekers, visa applicants, and business owners are high-intent content that drives enquiries for fee-generating services across RedBridge, STL, and Insight Idea.
Scale at a Glance
Project Summary
| Field | Details |
|---|---|
| Project Name | Siddeley Group Public Website — Phase 1 & 2 |
| 项目名称 | Siddeley Group 公共网站 — 第一阶段 & 第二阶段 |
| Period | May 8–13, 2026 (6 days, 2 phases) |
| 周期 | 2026年5月8日–13日（6天，2个阶段） |
| Company | The Siddeley Group (Melbourne house of companies) |
| 公司 | Siddeley Group（墨尔本企业集团） |
| Role | Head of IT — Sole front-end developer & technical lead |
| 职能 | IT 总监 — 独立前端开发者兼技术负责人 |
| Phase 1 scope | Layout, responsiveness, deployment pipeline correctness |
| 第一阶段范围 | 布局、响应式适配及部署流水线修正 |
| Phase 2 scope | Full EN/ZH bilingual i18n, mobile org chart redesign, performance optimisation |
| 第二阶段范围 | 完整中英双语国际化、移动端组织架构图重设计、性能优化 |
| Pages bilingual | 8 pages + 8 insight articles |
| 双语页面数 | 8 个页面 + 8 篇洞见文章 |
| ZH content | ~8,000 words authored directly (no translation service) |
| 中文内容 | 约 8,000 字直接撰写（无翻译服务） |
| Translation cost avoided | Est. $800–$1,600 AUD at market rates |
| 节省翻译费用 | 按市场价估计节省 $800–$1,600 澳元 |
| Hosting cost | A$0/month — Cloudflare Pages free tier |
| 托管费用 | $0/月 — Cloudflare Pages 免费层 |
Key Highlights
- Sole ownership across both phases: deployment, layout engineering, i18n architecture, mobile UX redesign, performance profiling, and CI/CD
- Full bilingual EN/ZH site across 8 pages and 8 articles — single static build, client-side switching, localStorage persistence
- ~8,000 words of ZH content authored directly — est. $800–$1,600 in translation costs avoided
- Identified and fixed three independent sources of mobile touch lag (smooth scroll, stacking contexts, CountUp re-renders) in a single session
- Compressed 20 staff photos from 17–34 MB to 60–120 KB, unblocking deployment entirely
- Deployment pipeline hardened — wrong-project misconfiguration caught and locked before it caused a production incident
- Org chart rebuilt from a desktop-only 5-column grid to a fully mobile-usable tap-to-expand accordion
Phase Breakdown
- Identified and resolved a deployment misconfiguration — deploys were targeting `siddeley-group` instead of the correct `siddeleygroup-v` project; locked the target in both `wrangler.toml` and `package.json`
- Fixed the hero section not filling device screens — resolved a CSS constraint issue (`min-h` vs `h`) leaving large whitespace gaps on mobile
- Refactored the hero illustration panel from fragile absolute-positioned overlay to a proper flex column structure — making future content changes safe and predictable
- Fixed About section column alignment so headings and body text share a consistent top edge — directly affecting design quality perception for prospective clients
- Full EN/ZH bilingual website across all 8 pages, 8 insight articles, and all shared components (Nav, Footer, Ticker, ESG pillars, org chart labels) — single static site, no backend required
- Built a non-intrusive language switcher fixed to the right edge, persisting preference via localStorage — visible on all screen sizes without obstructing content
- Authored ~8,000 words of Chinese-language content including 8 long-form insight articles (WeChat marketing, visa pathways, LinkedIn for Chinese professionals)
- Resolved a critical image blocker — 17–34 MB staff PNGs exceeded Cloudflare's 25 MB per-file limit; compressed all 20 photos to 60–120 KB JPEGs using `sips`
- Rebuilt org chart for mobile: desktop 5-column grid was unreadable on mobile (forced horizontal scroll, 190px-wide columns); replaced with a tap-to-expand accordion revealing teams, people, and detail cards
- Resolved persistent mobile touch lag across the entire site — three root causes fixed: disabled Lenis smooth scroll on touch devices; removed scale from `RevealChildren` animations (non-compositable); rewrote `CountUp` from `setState` per frame to direct DOM mutation, then skipped animation on touch entirely
- Removed custom cursor component and `cursor: none !important` CSS — eliminated 6 global mouse event listeners and 2 continuous Framer Motion spring animations
8 pages + 8 insight articles + all shared components (Nav, Footer, Ticker, ESG pillars, org chart) fully bilingual — single static build, no backend required.
Three independent sources of mobile touch lag diagnosed and fixed in a single session: Lenis smooth scroll on touch, RevealChildren stacking contexts, and CountUp setState per animation frame.
20 staff photos at 17–34 MB PNG exceeded Cloudflare's 25 MB per-file limit and blocked all deploys. Batch-compressed to 60–120 KB JPEG using `sips` — blocker fully resolved.
~8,000 words of ZH content authored directly by Vanessa, including 8 long-form insight articles. Saves est. $800–$1,600 AUD in professional translation fees at market rates ($0.10–$0.20/word).