为密西沙加华人社区机构打造的中英双语网站

密西沙加华人协会需要一个网站,既能服务新移民、长者、家庭和社区伙伴,又能同时用中文和英文呈现,而且机构里人数不多的团队自己就能更新维护,不必每次改一行字都去找开发人员。

客户

密西沙加华人协会(Chinese Association of Mississauga, CAM)

上线

2026 年 9 月

行业

非营利机构、新移民安居与社区服务

平台

Webflow,自 WordPress 迁移

语言

简体中文与英文
Desktop computer on desk displaying Chinese Association of Mississauga website homepage with two women conversing and text saying 'New to Canada? We're here to help!' with a keyboard, mouse, and decorative items nearby.

旧网站存在什么问题

密西沙加华人协会自 1982 年起服务本地华人社区,1987 年注册成为慈善机构,1993 年拥有了自己的场地,开幕当天市长亲自出席。四十多年来,协会持续举办各类节庆活动、英语课程、长者项目,以及由加拿大移民、难民及公民部和安大略省政府资助的新移民安居服务。

这些,旧网站都没有讲清楚。

旧网站几年前由外部供应商用 WordPress 搭建,随着时间推移,三个问题逐渐累积起来。

⚠️ 员工没办法自己更新。 这是协会同事第一个提出来的问题。课程信息一旦有变动,就得去找那位早已不再合作的技术人员,结果内容长期停留在过去。

⚠️ 服务找不到。 一位刚到加拿大一个月、想找免费英语课的人,很难在网站上弄清楚协会到底提供哪些服务,自己又是否符合条件。

⚠️ 课程信息被拆在网站的两个地方, 访客得自己把信息拼凑起来。网站上也完全没有在线报名的功能。

Old homepage of Chinese Association of Mississauga, before redesign.

改版前:旧版首页

我们改变了什么

整个改版归结为三个决定:两种语言如何处理、首页先讲什么,以及项目交付之后协会自己能维护到什么程度。

简体中文与英文,分开做扎实

协会的会员当中,有人讲普通话,有人讲粤语,也有人中英文都能用。装一个翻译插件是最省事的做法,但那是错的做法。

现在的网站是两套结构完整的版本,中文内容放在独立的 /zh/ 路径下,两种语言之间的对应关系在网站的结构化数据中明确声明,让搜索引擎更清楚地理解哪个版本对应哪种语言。中文文案是直接面向中文读者写的,不是从英文机器翻译过来的。对一家提供安居服务的机构来说,这一点很实际:申请资格怎么写,不能有歧义。

我们放弃了繁体中文版本。实际需求没有到那个程度,而多维护一种语言,对一个只有几位同事的团队来说是长期的额外负担。砍掉它让这个项目听起来规模小了一些,但网站因此变得更好。

凡格设计可以直接用英文和简体中文进行原生写作与建站,这也是华人社区机构、诊所和教会来找我们的原因。

服务在前,历史在后

我们把新移民安居服务和社区服务放在最显眼的位置,把机构的发展历程移到了"关于我们"页面。

协会的网站上,有三件事在争夺同一块空间:向资助方和合作伙伴证明机构的分量、帮助访客找到服务、以及让课程信息保持更新。如果在首页给这三件事同等的权重,结果就是三件事都做不好。

我们让服务排在最前面,因为服务不扎实,机构的声望也就无从谈起。一家机构在社区中的地位,是靠它为人们做了什么建立起来的,那么网站也应该先讲它为人们做了什么。一个想找免费语言课程的人,不应该先滑过一段建会史才看到自己要的信息。

历史并没有因此被牺牲,它只是找到了更合适的位置。在"关于我们"页面上,协会四十多年的发展以时间轴的形式呈现:1982 年成立、1987 年注册慈善机构、1993 年拥有自己的场地,还有与历任市长和国会议员的合影。有了属于自己的一页,这段历史比挤在服务菜单旁边更有说服力。

代表公信力的内容也一起搬了过去,而且因为有了空间而更见效果。首页在主视觉下方放上协会的使命,接着是一段呈现每年服务规模的内容,再往下是资助协会项目的政府部门标识。政府项目资助具有竞争性,机构不会轻易获得。

About us page timeline design of the Chinese Association of Mississauga's history.

为真正要用它的人而做

每一个决定,我们都拿同一个问题来检验:三年之后,协会是不是每改动一次都得请专业人员?

内容管理系统。 网站在 Webflow 上从头重建。课程和活动都通过 Webflow 的 CMS 管理,没有技术背景的同事一个下午就能上手。我们做了一个多小时的培训并全程录影,这样下一位协调员或义工不必依赖上一位同事手把手来教。

课程按星期几排列。 每一门课程现在都集中在一条记录里,说明、时间和报名链接放在一起,整体以每周列表的形式呈现,而不是做成日历。日程插件需要付费授权和长期维护,在小屏幕上的体验通常不好,而协会同时进行的课程数量也没有多到需要它。一份清楚的每周列表足够用,不必再承担另一笔长期年费,而且手机上也很好用。

报名沿用协会本来就在用的工具。 课程和活动页面上的报名按钮,链接到协会同事自己建立的 Google 表单。我们本来可以配置更高级的系统,但我们没有这么做,因为那意味着协会要长期按月付费,而且同事们本来就会做也会看 Google 表单。一个非营利机构在第三年负担不起的系统,不是解决方案,只是把问题往后推。

电话、微信、电邮和到办公室报名,都保留在显眼的位置。 对协会相当一部分会员来说,这些不是备选方案,而是主要渠道。很多长者不会使用在线表单,硬把他们往表单上引导,只会让体验变差。

Person holding an iPad displaying weekly Chinese Association of Mississauga cultural and social programs including classes in painting, calligraphy, Peking opera, choir, mahjong, and karaoke/social dance.
Smartphone screen showing a Chinese Association of Mississauga Calligraphy Class ad with a photo of a person writing calligraphy. Below is a Peking Opera Class ad with a photo of six performers in colourful traditional opera costumes on stage.

其他建设内容

每个服务页面都写清楚四件事:这项服务是什么、对谁有帮助、谁符合条件、以及如何获得协助。这四个问题直接来自安居服务同事每天在电话里回答的内容。如果某项服务经常引出后续追问,页面下方还会有常见问题区块。

网站导航做了精简,站点结构重新规划。活动页面显示最近的 9 场活动,更早的活动进入分页而不是被删除,因为一个正在考虑要不要参加今年中秋活动的人,会想看看去年办得怎么样。页面下方是节庆活动的照片集。赞助与合作伙伴区块以"携手社区伙伴"为标题,让协会在争取支持时有具体的东西可以展示。

课程信息从 PDF 移到了真正的网页上,可以被搜索、可以被链接、也可以随时修改。图片全部经过压缩,最大的也在 200 KB 以下。Webflow 负责主机与安全,协会不必再维护一堆 WordPress 插件。网站按照 WCAG 2.0 AA 级无障碍标准建设,对一个年龄偏长的受众群体来说,这一点很实际。本地 SEO 与 AEO 从一开始就纳入结构规划。新增的电子报订阅,让协会多了一个过去没有的直接联系渠道。

有一件事,我们选择不做

协会的课程同事被问得最多的一个问题是:这门课还有没有名额。这个网站回答不了这个问题。

要做到实时显示名额,需要一套付费的报名系统与网站实时对接,还需要每一位同事都严格按照同一套流程操作。而在这家机构,相当一部分报名仍然来自长者打来的电话。系统上显示的数字出错的频率会高到一个程度,让它比不显示更糟糕。

所以我们做了取舍:暂时不做。如果将来在线报名成为主流,这件事值得重新考虑。但就今天的情况而言,那笔钱花下去,换来的东西并不会真正好用。

成效

网站于 2026 年 9 月上线。上线并累积足够数据之后,我们会把实际成效补充在这一页。没有核实过的数字,我们不会写上去。我们的所有案例都是这样处理的。

这个案例适合哪些机构

案例只有在能对应到您的处境时才有价值。如果下面几种情况您听着熟悉,这篇值得您花时间看。

如果您需要的是电商网站、以预约功能为核心的平台,或者市面上最便宜的模板,这个案例的参考价值不大。那不是这个项目做的事,也不是我们做的事。

网站是由本职工作不是做网站的人在维护

有一位能力不错但没受过训练的同事在勉力支撑,而网站每年都离现实更远一点。真正的解法不是做一个更漂亮的网站,而是做一个他们真的改得动的网站。

预算必须撑得久

如果一套方案需要机构长期按月付费,而机构未必续得起,那它就不算解决方案。

您的受众里有一部分人不会填在线表单

长者、刚到加拿大的新移民,或者任何更习惯打电话、用微信的人。为他们设计,不代表要让其他人的体验变差,但确实意味着最直觉的那个做法通常是错的。

您服务的是华人社区

协会的会员讲普通话和粤语,通过微信群和口耳相传找到机构,对网站的预期和一般社区网站不一样。凡格设计以简体中文和英文进行原生写作与建站。

想做类似的项目?

如果您正在考虑为机构重做网站,大概会关心费用、时间和流程。以下是非营利机构最常问我们的几个问题。

Desktop computer on desk displaying Chinese Association of Mississauga website homepage with two women conversing and text saying 'New to Canada? We're here to help!' with a keyboard, mouse, and decorative items nearby.
Person holding an iPad displaying weekly Chinese Association of Mississauga cultural and social programs including classes in painting, calligraphy, Peking opera, choir, mahjong, and karaoke/social dance.
Person in blue shirt using an iMac computer displaying the Chinese Association of Mississauga website in Chinese with a banner image of a smiling elderly man and woman standing outside a building.
A person holding a smartphone displaying Chinese Association of Mississauga website in Chinese featuring an older man and a young boy smiling and hugging outdoors, with text about services for new immigrants, seniors, and families integrating into Canadian life.
Open laptop on a table displaying the Chinese Association of Mississauga website with a man teaching in a classroom to students, alongside Chinese text promoting an English learning program called LINC.
Person using a laptop displaying Chinese Association of Mississauga website about supporting newcomers, seniors, and families across Mississauga with donation information, while another person takes notes beside an empty mug and an open notebook on a white table.
大家常问我们的问题

想做类似的项目?

如果您正在考虑为机构重做网站,大概会关心费用、时间和流程。以下是非营利机构最常问我们的几个问题。

在大多伦多地区,非营利机构网站改版大概需要多少费用?

FAMGO 凡格设计的网站项目由 5,000 加元起。内容类型较多、功能较复杂的双语非营利网站,可能超过 20,000 加元。我们在动工前给出固定报价,不按小时计费。

非营利机构网站改版需要多长时间

我们的制作时间通常在 8 周以内。整体项目周期可能更长,取决于内容准备、反馈回合,以及理事会或委员会的审批需要多久。机构最能缩短项目周期的一件事,是在开始之前就确定由谁审批内容、以及多久能够给出反馈。

我们的员工可以自己更新 Webflow 网站吗?

可以,这也是我们选择用 Webflow 的主要原因之一。课程、活动和页面内容都通过 Webflow 的 CMS 编辑,没有技术背景的同事大约一小时就能学会。我们提供培训并全程录影,方便日后接手的同事和义工使用。

你们做中英双语网站吗?

做。凡格设计是一家位于多伦多的网站设计公司,简体中文和英文都是原生写作,中文内容是直接写给中文读者的,不是机器翻译。两种语言我们会做成结构独立的两套版本,而不是装翻译插件。

预算有限的非营利机构,你们接吗?

接,但有一个前提:我们会按照机构能够长期负担的水平来设计。这意味着在简单做法就够用的地方,不采用需要年费的工具;尽量使用同事本来就会用的平台;并且建在 Webflow 上,省去维护插件的负担。如果一家非营利机构到第三年养不起这个网站,那它一开始就设计错了。

为什么建议非营利机构从 WordPress 迁移到 Webflow?

主要是维护。WordPress 网站会不断累积需要更新的插件,如果团队里没有技术人员,更新就会被一再拖延,网站也随之变得脆弱。Webflow 本身包含主机、安全和一套非技术人员能用的 CMS,把大部分长期负担都省掉了。

还有其他问题?

如果您不确定哪个方案适合自己,或者想先聊一聊需求,欢迎随时联系我们。

如果您的网站已经跟不上机构的发展

凡格设计是一家位于多伦多的网站设计公司,服务大多伦多地区的非营利机构、诊所、教会和专业服务公司,简体中文与英文都能做。

如果您的机构服务华人社区,而现在的网站正在拖住同事们的手脚,先把您现在的网站给我们看看。免费网站诊断会告诉您:哪些地方在起作用、哪些地方在挡路、以及我们会怎么改。

Person holding a tablet showing the Chinese Association of Mississauga in Chinese about supporting seniors, with images of elderly people engaged in activities like consultation, exercise, and social interaction.