DocuSûr
31款PDF工具，没有一个字节的文档被发送到服务器。
- 年份
- 2026
- 制作周期
- 10 周
- 技术栈
- React · TypeScript · Tailwind · PDF.js · Vercel
- 产品设计
- 设计
- 开发
- SEO
- 无障碍
- 款文档工具
- 31
- 上传至服务器
- 0 字节
- Lighthouse 无障碍
- 100/100
- Lighthouse 性能
- 95/100
需要解决的问题。
背景
DocuSûr 汇集了 31 款文档处理工具——合并、拆分、压缩、转换、签名、OCR——免费使用，无需注册。这项服务由位于里昂的 Kayzen Web 推出。
限制
面向大众的同类工具会把文档上传到境外服务器，保存几个小时，并靠广告来维持运营。对于合同、工资单或身份证件来说，这是一票否决——一半的专业用户对此心知肚明，却找不到替代方案。
对策
一切都在浏览器中运行。文件从不外传：浏览器开发者工具的“网络”面板三秒钟就能证明这一点，而这正是网站最核心的商业卖点。这一约束决定了整个技术架构。
交付时测得的评分。
以下为线上网站的Lighthouse评分。我们如实公布：若某项分数偏低，其原因与改进计划会在下文写明，而不是避而不谈。
每一个设计取舍，及其理由。
是工具目录，而不是控制面板
三十一款工具，放进一个菜单太多了。首页是一个带即时搜索的分类网格；每款工具都有自己的专属页面和独立 URL，因为人们正是从 Google 搜索进入这些工具的。
首屏即证明隐私保护
“您的文件永远不会离开您的浏览器”显示在文件选择器之前，并附有指向技术说明的链接。隐私承诺出现在用户真正把隐私交出去的那一刻之前。
拖放上传，并提供备选方式
拖放区域、传统的选择文件按钮，以及对粘贴操作的支持。只支持拖放，会把键盘用户和一部分触屏用户挡在门外。
项目配色
墨色
#111827
正文
信任蓝
#2563EB
主要操作
安心绿
#059669
本地处理确认
纸灰
#F9FAFB
上传区域背景
字体系统
标题字体
Inter 700
正文字体
Inter 400
不加任何花哨：工具应当隐退，把舞台留给文档。
幕后的技术实现。
- React
- TypeScript
- Tailwind
- PDF.js
- Vercel
客户端 PDF.js 与 WebAssembly
PDF 的读取、渲染和写入都在浏览器中完成。繁重的处理（压缩、OCR）通过 worker 中的 WebAssembly 执行：即使处理两百页的文档，界面也从不卡顿。
不存储，不设账号
没有数据库，因此不可能泄露，无需申报数据保存期限，也无需列出数据处理方。在这里，GDPR 合规是通过架构而不是一纸政策来实现的。
按工具按需加载
31 款工具并不共用一个 bundle。打开“合并两个 PDF”不会下载 OCR 引擎——光是它就有好几 MB。
网站如何被搜索到。
每款工具一个页面，每个页面一种意图
“Fusionner PDF”（合并 PDF）、“compresser PDF”（压缩 PDF）、“signer un PDF”（PDF 签名）：这些是彼此独立、搜索量大、意图即时的搜索词。一个罗列所有工具的单一页面，哪个都抓不住。
把差异化卖点写进标题
title 标签写的是“无需上传文件”，而不是某个最高级形容词。在一个所有页面都大同小异的市场上，决定用户是否点击的正是这几个字。
为多步骤工具添加 HowTo
需要多个步骤的工具带有 HowTo 结构化标记；搜索引擎和 AI 助手摘取的正是这些摘要。
人人都能使用。
自2025年6月起，《欧洲无障碍法案》（European Accessibility Act）要求大量在线服务实现数字无障碍。我们在设计阶段就着手处理，而非事后补救。
Lighthouse 100/100，并经过人工核验
自动评分只覆盖部分准则。每款工具都用键盘和屏幕阅读器完整走查过：处理进度会被播报，文件错误清楚明确，下载完成后焦点会被归还。
交付了哪些内容。
- 首页——31 款工具网格与搜索
- /<工具>——每款工具一个页面
- 隐私——本地处理的技术说明
- 关于我们、联系方式、法律声明
项目的推进过程。
可行性验证
确认每项处理都能在浏览器中完成，包括 OCR。
技术底座
PDF 渲染、worker、按工具加载。
工具上线
31 款工具，每款一个页面和一套测试。
无障碍
对每款工具进行键盘和屏幕阅读器走查。
