mmteakdecor.com
精选作品
精选项目，以及项目背后的思考。
一组近期作品——问题、我的角色、技术栈，以及每个项目当前的进展。
下面每个项目都会说明真实的问题、我的角色，以及当前的开发阶段。
mmteakdecor.com
mtemr.org
livingrocktoronto.com
活磐堂 Living Rock Toronto Assembly
为多伦多北约克一间华人教会打造的中英双语网站，现已上线——配一套编辑器，页面上任何一个字，点一下就能改。
primecarermt.com
emeraldmassageclinic.com
Emerald Massage Clinic & Spa
为加拿大安大略省 Thornhill 一家按摩、水疗与美甲诊所打造的网站，现已上线。预约引擎已建好，正在准备对客户开放。
yahwehglobalmission.com
Yahweh Global Mission
为一家在东南亚做人道救援的机构打造的网站，现已上线。主题是为它从零写的——同工留着熟悉的 WordPress，网站却没有一点模板味。
freeqr.salt-light.site
缅华艺家 Myanmar Teak Decor
三语商业网站 + 自建 CMS + PWA
为缅甸柚木家具工坊打造的三语网站与内容系统——中文、英文、缅文，一个品牌门面。
网站首页
产品与设计
博客文章
手机版 / PWA
问题
工坊在掸邦景栋有自己的工厂，手工制作整料柚木的门、柜、楼梯与家具，但一直只能靠聊天软件和转发照片找客户。它的买家横跨三个语言圈；高价订单是从一次对话开始的，而不是点「加入购物车」；而且没有一个能长期指给别人看的地方，去展示作品、说清楚真正的缅甸柚木为什么值这个价。
解决方案
一个温润、以作品为主角的三语网站：产品与设计专区、一个专门回答买家下大单前真正会问的问题的博客，以及「免费出方案·报价」的咨询路径（而不是购物车）。配一套自建 CMS，让团队自己就能同时发布三种语言；网站还能装到手机上，一键拨号。
我的角色
- 品牌与视觉方向
- 三语信息架构
- 前后端全部开发
- 自建 CMS 开发
- 内容与博客结构
- PWA 与手机端体验
- SEO 配置
- 部署与上线
使用技术
主要功能
我的学习
三语首先是内容问题，其次才是代码问题。把 CMS 做成能三种语言并排发布，才能让翻译在上线之后不会悄悄走样、越差越远。
未来改进
- 扩充作品案例
- 增加结构化的产品询价
- 扩充博客内容
- 持续优化性能与图片
MTEMR — 缅甸神学教育与宣教资源
公益网站 + 多用户 CMS + PWA
为一家支持缅甸神学教育与前线牧者的宣教机构，打造的线上网站与多用户内容发布系统——配一套同工自己就能运作的审稿流程。
网站首页
事工页面
年度报告
手机版 / PWA
问题
这家机构在疫情与 2021 年政变之后，持续支持缅甸的牧者与神学生。但它的网站被困在一个建站工具里：多年积累的事工文字全锁在里面，除了唯一懂那个工具的人，谁都发不了内容，而且文章发出去之前没有任何审核的办法。它的读者分散在不同国家，绝大多数用手机阅读，网络条件往往并不理想。
解决方案
一个纯手工打造、背后有真正内容系统的网站。旧站里的每个页面、每篇文章、每张图都逐字迁了过来——51 个页面、26 篇文章、202 个媒体文件。现在同工通过一个五级角色的后台发布内容，走完整的审稿路径：草稿、自动保存、提交审核、审核通过或注明理由退回，万一出错还有修订版本可以回退。静态页面用区块编辑，改一张主视觉或加一个画廊，谁都不用碰代码。
我的角色
- 网站架构
- 前后端全部开发
- 多用户 CMS 与审稿流程
- 角色与权限设计
- 旧站内容迁移
- 媒体库与图片处理
- PWA 与手机端体验
- 部署与上线
使用技术
主要功能
我的学习
公益机构网站的难点不在页面，在交接。文字是以机构的名义发出去的，所以「谁能发、谁要审、发错了怎么退回」这一步本身就是功能。做好了，网站才真正属于他们；跳过它，他们改个错别字还是得来找你。
未来改进
- 增加缅文版本
- 扩充文章与报告存档
- 优化奉献流程
- 持续做无障碍与性能优化
活磐堂 Living Rock Toronto Assembly
中英双语教会网站 + 所见即所得实时编辑
为多伦多北约克一间华人教会打造的中英双语网站，现已上线——配一套编辑器，页面上任何一个字，点一下就能改。
网站首页
聚会时间
购堂募款
手机版
问题
多伦多的华语会众需要一个同时服务两群人的网站：读中文的弟兄姊妹，和读英文的邻舍。聚会时间、活动相册、购堂募款的数字一直在变，而以前每改一次都要发邮件给人、然后等。教会需要把自己的公告栏拿回来。
解决方案
十个页面，中英双语，外加一套专为「从没见过 CMS 的人」设计的实时编辑器：登录之后，你正在看的这个页面本身就能改——点标题重新打字、换张照片、调整某一段的间距、或者插入一个新区块。你改的就是访客看到的，直接在页面上改，不用再学一套后台界面。
我的角色
- 网站与品牌方向
- 双语内容结构
- 前端开发
- 实时编辑引擎
- 后台与登录验证
- 部署与上线
使用技术
主要功能
我的学习
教会同工要的不是仪表盘，是他们自己的那个页面。在原页面、原排版上直接改，省掉了「我得想象这个表单填完发布出来长什么样」这一步——而当初旧站没人更新，症结正是这一步。
未来改进
- 讲道录音存档
- 活动日历与报名
- 扩充相册
- 持续做无障碍优化
PrimeCareRMT
诊所网站 + 在线预约引擎 + 管理平台
一家加拿大注册按摩治疗诊所的线上系统，病人可以自己在线预约——实时可约时段、指定治疗师，配一套诊所每天在用的管理平台。
预约流程
网站首页
服务与价格
手机版
问题
注册按摩治疗诊所的预约都丢在电话上。病人晚上找按摩师，打不了电话；前台在纸质本子和日历之间来回抄；两个治疗师被许诺了同一个时段。诊所需要的是：病人半夜十一点也能自己订，而且不会订出重复预约。
解决方案
一个专业、以注册按摩治疗为核心的网站，配三步预约流程：选服务和时长、从真实可约时段里挑、确认。病人可以指定治疗师，也可以选「谁有空都行」，会收到 .ics 日历文件和邮件，还能通过自助链接自己改期或取消。后台则管着预约日历、客户、治疗师与排班、营业时间、服务与价格，以及操作日志。
我的角色
- 网站与品牌方向
- 预约流程与可约规则
- 预约引擎开发
- 管理平台开发
- 角色与权限
- 邮件与日历投递
- 部署与上线
使用技术
主要功能
我的学习
预约规则本身就是产品。营业时间、时长、间隔、以及「一个治疗师不能同时出现在两个地方」，问的其实是同一件事——这个时段真的能兑现吗。答案必须放在服务器上，因为病人页面停留久了，会心安理得地订走五分钟前就没了的时段。
未来改进
- 增加预约前提醒
- 统计爽约率与排班利用率
- 支持直接理赔所需资料
- 持续做无障碍优化
Emerald Massage Clinic & Spa
诊所与水疗网站 + 预约引擎（开发中）
为加拿大安大略省 Thornhill 一家按摩、水疗与美甲诊所打造的网站，现已上线。预约引擎已建好，正在准备对客户开放。
网站首页
理疗项目
水疗与美甲
手机版
问题
一家新开的诊所，在竞争激烈的区域里，从第一天起就必须被找到、并且看起来可信——治什么、多少钱、能不能直接理赔。而此刻，通往第一单生意最快的路，仍然是一通它接得起的电话。
解决方案
一个快速、以手机为先的网站，把项目、价格和开业优惠放在最前面，每一屏都能一键拨号。预约引擎和管理后台已经同步建好并部署，等诊所准备好把日历搬到线上，就能接替现在这条「先打电话」的路径。
我的角色
- 网站与品牌方向
- 内容与服务结构
- 前端开发
- 预约引擎与后台开发
- 本地 SEO 配置
- 部署与上线
使用技术
主要功能
我的学习
先上网站、后开预约，这个顺序是对的。新诊所这周就需要被人找到；预约引擎可以等前台真的信得过它再开。在那之前，一个有人接的电话，胜过一个没人管的表单。
未来改进
- 向客户开放在线预约
- 接通后台预约日历
- 加入经过审核的多语言内容
- 完善报表
Yahweh Global Mission
人道救援机构网站 · 自写 WordPress 主题
为一家在东南亚做人道救援的机构打造的网站，现已上线。主题是为它从零写的——同工留着熟悉的 WordPress，网站却没有一点模板味。
网站首页
事工项目
相册
手机版
问题
一个向陌生人募款的人道机构，在做任何事之前只有一件事要做：让人相信这笔钱交给它是妥当的。二十年的义诊、净水系统和赈灾记录还堆在文件夹里；而买一个现成的慈善模板，只会让这些真实的工作看起来跟别人的图库照片一个样。同时同工还得能自己持续发布内容——这就排除了整站纯手写的做法。
解决方案
一套只为这家机构写的 WordPress 主题——自己的模板、自己的样式，还有一个自定义的相册内容类型，让前线实拍成为正经内容，而不是博客附件。同工用的还是他们本来就会的 WordPress 编辑器；访客看到的却是一个不像任何人的网站，开头就是二十年的记录，捐款入口一点即到。
我的角色
- 主题设计与开发
- 自定义内容类型与字段
- 内容结构
- 捐款流程
- 相册系统
- PWA 与手机端
- 部署与上线
使用技术
主要功能
我的学习
这里选 WordPress 是刻意的，不是妥协。同工每周都在发内容，不可能去学一套定制后台；主题选择自己写而不是买，既保住了这份熟悉，又让页面上找不到一处「模板感」。
未来改进
- 增加缅文与泰文版本
- 项目成果数据报告
- 扩充相册存档
- 持续做性能优化
QR Studio — 免费二维码生成器
免费网页工具 · 双语 · PWA
一个什么都不要你给的免费二维码生成器：不用注册、没有水印、不上传——二维码在你自己的浏览器里生成，从不离开。
生成器
中文版
明亮主题
手机版
问题
大多数免费二维码工具其实是个漏斗。它们让二维码跳转经过自己的域名，哪天它们不高兴，你的码就死了；有的加水印，有的把有用的设置锁起来，有的下载一张 PNG 都要先注册账号。对一个要把菜单码印出来贴墙上的店家来说，这是埋雷。
解决方案
一个单页工具，二维码完全在浏览器端生成。可以调颜色、尺寸、边距、圆角、边框，还能把 Logo 放进中间；下载可印刷分辨率的 PNG。二维码直接编码你的内容，没有中间跳转可以失效，也没有任何东西被上传。打开一次之后离线也能用，还能装成手机 App。
我的角色
- 产品构想与范围
- 界面设计
- 前端开发
- 双语文案
- PWA 与离线支持
- 部署上线
使用技术
主要功能
我的学习
它的全部卖点，恰恰在于它「不做什么」。二维码一旦在浏览器里生成，就没有服务器要付费、没有跳转要维护、也没有理由问你是谁——而这正好解释了，那些要问的免费工具为什么会长成那个样子。
未来改进
- 增加矢量 SVG 导出
- 按列表批量生成
- Wi-Fi 与名片预设
- 迁到正式域名