Tencent E-Sign
Tencent E-Sign
Tencent E-Sign
An e-signature platform launched during the pandemic, when signing in person was no longer practical. It started as a WeChat mini-program for consumers, passed one million users, and grew into a product ecosystem serving enterprise (B2B) and government (B2G) clients.
Design Lead
A platform for legally binding signatures across every signing scenario
A platform for legally binding signatures across every signing scenario
My role
Lead designer · UX design · Content design · User research
Timeframe
Sep 2021 – Oct 2022
Context
The pandemic created an urgent need for contactless ways to do business, and contracts were no exception.
Platform
Web, mobile and collaboration tools, for consumer and enterprise users
Research & Insights
Research & Insights
Research & Insights
Market Trend
Market Trend
China’s push for digital transformation has made e-signatures critical infrastructure. The market was projected to grow from 2 billion yuan (2020) to 3.7 billion yuan (2023), accelerated by pandemic-driven demand for digital collaboration.
China’s push for digital transformation has made e-signatures critical infrastructure. The market was projected to grow from 2 billion yuan (2020) to 3.7 billion yuan (2023), accelerated by pandemic-driven demand for digital collaboration.
Digital transformation
Market growth
Rise of remote collaboration
Use Cases
Use Cases
Government services (tax, registration, social security) and enterprise functions (internal approvals, consumer transactions) all end with an individual signing. That makes consumers the most stable entry point to the market.
Government services (tax, registration, social security) and enterprise functions (internal approvals, consumer transactions) all end with an individual signing. That makes consumers the most stable entry point to the market.
Government
Enterprise
User Pain Points
User Pain Points
A survey of 189 people surfaced the main pains of signing on paper: both parties must be present, there is too much paperwork, documents are hard to store, and the process is slow. Our product requirements address each one.
A survey of 189 people surfaced the main pains of signing on paper: both parties must be present, there is too much paperwork, documents are hard to store, and the process is slow. Our product requirements address each one.
159 of 189
84 of 189
99 of 189
72 of 189
Build a scalable e-signature platform that starts with convenience for consumers, then extends to efficiency for businesses and simpler administration for government.
Build a scalable e-signature platform that starts with convenience for consumers, then extends to efficiency for businesses and simpler administration for government.
Build a scalable e-signature platform that starts with convenience for consumers, then extends to efficiency for businesses and simpler administration for government.
User Flow
User Flow
User Flow
01 — Discovery
01 — Discovery
Open E-Sign
Open E-Sign
Log In or Register
Log In or Register
Learn How to Use
Learn How to Use
View Product Value
View Product Value
02 — Creation
02 — Creation
Draft Contract
Draft Contract
Choose Type
Choose Type
Add Both Parties
Add Both Parties
Fill In Contract
Fill In Contract
Confirm Information
Confirm Information
Share
Share
03 — Core Action
03 — Core Action
Sign
Sign
Confirm Information
Confirm Information
Fill In Details
Fill In Details
Confirm Signature
Confirm Signature
Verify Identity
Verify Identity
04 — Trust
04 — Trust
Complete
Complete
Obtain Trust Chain
Obtain Trust Chain
Blockchain Certification
Blockchain Certification
Download Document
Download Document
05 — Management
05 — Management
Track
Track
Manage Documents
Manage Documents
Manage Information
Manage Information
Purchase Package
Purchase Package
Product Definition
Product Definition
Product Definition
Simple and straightforward
Simple and straightforward
Users move from creating a contract to signing it with as little effort as possible. Pre-filled content and fewer page transitions help them finish the core steps faster.
Users move from creating a contract to signing it with as little effort as possible. Pre-filled content and fewer page transitions help them finish the core steps faster.
Users move from creating a contract to signing it with as little effort as possible. Pre-filled content and fewer page transitions help them finish the core steps faster.
Flexible and efficient
Flexible and efficient
Contract templates cover a range of situations and are easy to find and share with the other party. The template entry point is prominent, so users can choose quickly.
Contract templates cover a range of situations and are easy to find and share with the other party. The template entry point is prominent, so users can choose quickly.
Contract templates cover a range of situations and are easy to find and share with the other party. The template entry point is prominent, so users can choose quickly.
Timely reminders
Timely reminders
A contract only takes effect once both parties have signed, so timing matters. Reminders go out through enough channels that no one misses a step, whether signing or managing a contract.
A contract only takes effect once both parties have signed, so timing matters. Reminders go out through enough channels that no one misses a step, whether signing or managing a contract.
A contract only takes effect once both parties have signed, so timing matters. Reminders go out through enough channels that no one misses a step, whether signing or managing a contract.
Design Presentation
Design Presentation
Design Presentation
Homepage
Homepage
Homepage
The homepage balances function and promotion. It leads with core features by default, with a flexible space that appears only when there is promotional content to show.
The homepage balances function and promotion. It leads with core features by default, with a flexible space that appears only when there is promotional content to show.
Create a Contract
Create a Contract
Create a Contract
After analysing a wide range of online rental contracts, we consolidated fields with more than 30% similarity into three categories: Property Information, Lease Term and Fees, and Rental Agreement.
After analysing a wide range of online rental contracts, we consolidated fields with more than 30% similarity into three categories: Property Information, Lease Term and Fees, and Rental Agreement.
Property details use purpose-built components to cut repeated input. Either party can switch roles and invite the other to fill in their own details. The furniture inventory offers common presets, with custom entries for edge cases.
Property details use purpose-built components to cut repeated input. Either party can switch roles and invite the other to fill in their own details. The furniture inventory offers common presets, with custom entries for edge cases.
Lease terms are pre-filled with the most common values, so in most cases users confirm with a single tap.
Lease terms are pre-filled with the most common values, so in most cases users confirm with a single tap.
Once complete, users review a full contract preview before sending it to the other party to sign.
Once complete, users review a full contract preview before sending it to the other party to sign.
Multi-Mode Signing
Multi-Mode Signing
Multi-Mode Signing
B2C contracts work differently from C2C: the business provides the content and the consumer fills in the required fields.
B2C contracts work differently from C2C: the business provides the content and the consumer fills in the required fields.
Simplified Mode Shows only the required fields, so long contract text doesn’t slow users down.
Full-Text Mode Shows the full contract with inline fields, so users read each clause in context as they fill it in.
Simplified Mode Shows only the required fields, so long contract text doesn’t slow users down.
Full-Text Mode Shows the full contract with inline fields, so users read each clause in context as they fill it in.
Visual Language and Design System
Visual Language and Design System
As design lead, I built a component system that sped up design work, enabled rapid prototyping across teams, and kept the platform consistent.
Design Impact
Design Impact
Design Impact
Results within 3 months of launch
Results within 3 months of launch
Results within 3 months of launch
Product Ecosystem
Product Ecosystem
Product Ecosystem
E-Sign Console
Role: Lead UX Designer
E-Sign Console
Role: Lead UX Designer
E-Sign Console
Role: Lead UX Designer
Beyond the consumer mini-program, E-Sign includes a web console and API customisation for B2B and B2C clients. This enterprise offering became E-Sign’s main source of revenue.
Beyond the consumer mini-program, E-Sign includes a web console and API customisation for B2B and B2C clients. This enterprise offering became E-Sign’s main source of revenue.
Product Ecosystem
Product Ecosystem
Product Ecosystem
Tencent Foundation
Role: Lead UX Designer
Tencent Foundation
Role: Lead UX Designer
Tencent Foundation
Role: Lead UX Designer
The Tencent Foundation needed an online voting system for its board elections. The E-Sign design team delivered a tailored solution in two weeks, with secure digital voting and automated ballot counting.
The Tencent Foundation needed an online voting system for its board elections. The E-Sign design team delivered a tailored solution in two weeks, with secure digital voting and automated ballot counting.
Product Ecosystem
Product Ecosystem
Product Ecosystem
Tencent Meeting
Role: Lead UX Designer
Tencent Meeting
Role: Lead UX Designer
Tencent Meeting
Role: Lead UX Designer
As corporate meetings moved online during the pandemic, E-Sign integrated with Tencent Meeting for in-meeting signing. Enterprise clients could share, present and collect signatures from multiple participants in real time, replacing long in-person gatherings while keeping the formality of a signing ceremony.
As corporate meetings moved online during the pandemic, E-Sign integrated with Tencent Meeting for in-meeting signing. Enterprise clients could share, present and collect signatures from multiple participants in real time, replacing long in-person gatherings while keeping the formality of a signing ceremony.