Nota Sign 全球签

NotaSign是一款面向全球市场、符合欧盟eIDAS等多项国际法规的电子签名平台。在该业务线开辟初期,我面临产研角色缺位的挑战。凭借深厚的国内电子签底盘经验,我迅速主导完成了从业务梳理到核心签署链路的搭建。以设计驱动研发提前介入,成功实现了该国际化产品的敏捷落地。

专业输出

产品设计

竞品分析

Saas设计

Web官网设计

项目成果

个人卓越贡献奖

开拓海外市场

滚 动 探 索

跨越产品经理缺席的“启动危机”

在 Nota Sign 全球化业务启动初期,面对产品需求文档缺失及开发资源待命的紧急情况,我主动承接了核心业务链路的梳理工作。基于此前主站签署优化及英文版专项的经验,从设计视角切入,通过快速定义核心交互,化解了项目的停滞风险

敏捷启动策略

面对产研角色缺失与紧迫周期,我选择跳过“从零摸索”的盲区。将过去在国内主站沉淀的复杂签署逻辑与英文版适配经验进行提纯,直接转化为新业务的最短启动路径。

签署优化专项经验

交付首期敏捷原型

复杂业务逻辑沉淀

兼容多级签名结构

国内版英文适配

多语言页面适配

一期 MVP 流程

面对复杂的初期需求与紧张的排期,我优先梳理出从‘配置发起’到‘完成签署’的核心主链路。通过输出交互流程图,明确了首期 MVP(最小可行性产品)的设计边界,剔除边缘场景,确保研发团队能第一时间拿到清晰的设计骨架并投入开发。

账号准备阶段

管理准备阶段

合同准备阶段

信息收集阶段

合同管理阶段

合同签署阶段

注册登录

个人与企业管理

合同范本

表单采集器

上传文档

添加控件

设置签署方

控件设置

更多设置

设置详情

签署任务设置

签署任务初始化

发起签署任务

相对方签署

签署管理

合同归档

数据统计

实名认证

协作编辑

模板与文档管理

主要思路

复盘过往签署优化与英文适配经验,我为 Nota Sign MVP 确立了三个设计重心:流式布局适配、交互路径扁平化、以及对标国际规范的底层架构。

差异定义

国内外竞品与法大大的差异

想法输出

签署控件优化方案

设计方案

签署流程方案

方案总结

多语言适配方案沉淀

签署优化专项目

国内SaaS国际版签署支持

弹性布局与跨语言感知

构建响应式排版框架以兼容多语种字符长度差异,有效解决 UI 破壳问题;同步前置海外合规术语(如 SES/AES)释义,降低跨国理解与操作门槛。

首屏聚焦与渐进式配置

剥离冗余表单,确立“文档上传”为首屏唯一核心任务;针对认证等复杂配置引入渐进式披露逻辑,通过按需展开策略,有效降低新用户的认知负荷。

兼容复杂签署逻辑的底层架构

确立具备高扩展性的信息架构,在确保当前核心链路极简跑通的基础上,为后续多语言模板、动态表单等功能迭代预留充足的底层扩展空间。

精简首屏,折叠复杂配置

摒弃配置项全量平铺,引入折叠结构按需收纳“身份核验、签署顺序”等高级选项。在确保首屏聚焦核心上传任务的同时,灵活兼顾国际化多级合规配置的需求。

输入排序

首屏降噪

折叠架构

针对多语言环境下,信息卡片拉长导致的“拖拽排序困难”痛点,新增“数字直填”排序方式,大幅提升多方签署时的配置效率。

剥离次要表单,将“上传文档”确立为首屏唯一的视觉与操作中心,最大化降低新用户的启动认知负荷。

将 AES/QES 等严苛的身份核验选项折叠隐藏。普通 SES 签署流保持极简,高级选项仅在按需时展开,实现信息分层。

弹性布局与多语适配

重构工作台布局与组件库架构,引入高弹性的“左-中-右”三栏操作流。通过优化空间分配策略,确保核心交互动线在跨国多语种环境下依然保持视觉稳定性。

法大大科技有限公司

切换不同签署方,可为他们分别拖放需填写或签署的控件

签名

印章

签署日期

文本

复选框

图片

李子树

切换不同签署方,可为他们分别拖放需填写或签署的控件

签名

印章

签署日期

文本

复选框

图片

文本

组件降维

控件编辑

视觉关联

高度抽象并整合冗余文本控件,将多类特定输入项统一为单一“文本控件”,降低组件维护与认知成本。

通过规则与配置扩展控件能力

通过颜色增加参与方与控件的相关性,清晰操作路径

单行文本

多行文本

123

数字

身份证

签名区域的自适应策略

重构底层渲染逻辑,引入长宽比算法动态适配不同合规等级(基础/数字/FDA)。通过自动切换横纵排版策略,确保在各类极端框选比例下,均能实现签名区域利用率的最大化。

判定变量: 容器长宽比(R)= 宽(W) / 高(H)

横向模式: 当 R 大于等于3.55 时触发。此模式下,签名组件以 纵版 比例等比缩放至容器内

纵向模式: 当 R < 3.55 时触发。此模式下,签名组件以 横版 比例等比缩放至容器内

默认状态: 若容器为 160\90,则 R = 1.78,处于“纵向模式”

基础签名适配规则

结构化签名

纵向模式

签名控件区域

签名补充字段

签名结构

连接线

签名展示区域

横向模式

355px

355px

100

100

H

H

W

W

数字签名 当长宽比=3.25时,横向签名区域面积大于纵向签名区域

FDA签名 当长宽比=3.25时,横向签名区域面积大于纵向签名区域

数字签名&FDA签名适配规则

325px

295px

325px

295px

100

100

100

100

完整的品牌与产品闭环

从底层 SaaS 架构推演到品牌官网视觉定调,独立完成了 Notasign 1.0 的全链路设计落地。

项目成果

业务落地

凭借前期的核心链路界定与敏捷推演,成功弥补了产研角色缺位的空窗期,保障 Notasign 1.0 国际化产线如期上线。

个人荣誉

在项目中的跨部门协作与设计全链路支撑,荣获「个人卓越贡献奖」

团队赋能

提炼《国际化设计准则》并主导内部分享,赋能整个设计团队。