MARKETING / CONTENT MANAGEMENT / 2026
Fernmark
新西兰官方原产地标志——一个帮助企业借助新西兰的全球声誉自信地发展品牌的数字平台。
FernMark 许可计划是一项政府支持的项目，使新西兰出口商能够在其产品上展示官方原产地标志。该平台需要进行现代化重建，以更好地服务食品饮料、科技等各行业的持证企业，同时为 NZ Story Group 团队保持流畅的内容管理工作流程。
- 客户
- NZ Story Group
- 服务内容
- 技术领导 系统设计 前端开发 CMS 集成 DevOps 与部署
- 项目周期
- 2025 年第四季度 – 2026 年第一季度
- 年份
- 2026
01项目挑战
老旧平台亟需谨慎的现代化升级
现有的 Fernmark 网站基于过时的技术栈构建，维护和扩展日益困难。一个主要的复杂之处在于，需要将 Tailwind CSS 升级到更新版本以支持重新设计的页面，同时确保与不在重新设计范围内的旧页面完全兼容。
- 依赖过时技术的旧代码库需要重大升级
- 需要在保留现有旧样式的同时进行 Tailwind CSS 版本迁移
- 新旧页面设计必须共存且不产生视觉回归
- 通过 Drupal 管理的复杂内容结构需要精心的前端集成
02我们的方案
兼顾向后兼容的渐进式现代化
作为技术负责人，我制定了一套迁移策略，使团队能够在新页面中采用现代工具，同时保持与旧内容的完全向后兼容。这包括搭建项目脚手架、设计系统架构，以及建立部署流水线以支持 Tailwind CSS 双版本共存方案。
- 系统架构——设计了基于 Next.js 和无头 Drupal 的可扩展前端架构
- Tailwind 兼容性——实现了 Tailwind CSS 双版本策略，确保新设计与旧页面无缝共存
- 团队赋能——建立了项目脚手架和开发规范，供团队在此基础上构建
- CI/CD 流水线——搭建了可靠、可重复的部署基础设施
03交付内容
核心交付成果
技术领导
- 主导平台重建的系统设计与架构决策
- 为开发团队建立编码规范和项目结构
- 管理 Tailwind CSS 版本迁移策略
开发
- 基于 Next.js 前端与 Drupal 后端的无头 CMS 架构
- 支持旧版和重新设计页面的 Tailwind CSS 双版本方案
- 全设备尺寸的响应式、无障碍布局
DevOps
- 自动化构建与部署的 CI/CD 流水线配置
- 环境搭建与基础设施配置
- 为团队简化发布工作流程
04项目成果
用数据说话
.govt.nz新西兰政府官方平台
交付于官方政府域名，符合公共部门的无障碍与安全标准。
HeadlessNext.js + Drupal 架构
前端 Next.js 与 Drupal 内容后端解耦，让 NZ Story 团队拥有完整的内容编辑控制权。
零旧页面视觉回归问题
在将重新设计的页面迁移至新版 Tailwind CSS 的同时，旧页面零视觉回归。
细节一览
下一个项目
E-Commerce Toolkit
SaaS & E-Commerce — 2026开始你的项目
获取报价想要同样的成果？
告诉我们你的项目，两个工作日内我们会给出固定报价与时间表。