![](https://static.wixstatic.com/media/129a35_4449cbec4c974fb0bd5592f8ac88418e~mv2.png/v1/fill/w_141,h_20,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_4449cbec4c974fb0bd5592f8ac88418e~mv2.png)
Tian Yan Cha
Tian Yan Business Lead CRM
Smart Customer Marketing System
Work Project // B2B CRM // Web Design // UX Design // Figma
![头图 0527v3.png](https://static.wixstatic.com/media/129a35_71f5af53b5144484adfe6675b4d2e0ee~mv2.png/v1/fill/w_980,h_408,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_71f5af53b5144484adfe6675b4d2e0ee~mv2.png)
Project Brief
![](https://static.wixstatic.com/media/129a35_5e71537f885f41d5903eb8e676e5f5ee~mv2.png/v1/fill/w_536,h_405,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_5e71537f885f41d5903eb8e676e5f5ee~mv2.png)
Tianyancha Business Lead CRM offers a national enterprise information map query and quick access to customer leads for sales.
Its multi-source contact methods ensure accuracy and ease of finding and contacting target customers.
-
Client Outreach supports a variety of query conditions, allowing sales staff to quickly and accurately find target companies;
-
Client Acquisition supports one-click outbound calls, call content retention and playback, call data monitoring and viewing;
-
CRM supports sales staff's follow-up and subsequent payment and contract process
![](https://static.wixstatic.com/media/129a35_626d22d5b0794d769882c4779b4e1436~mv2.png/v1/crop/x_256,y_343,w_1439,h_669/fill/w_411,h_191,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_626d22d5b0794d769882c4779b4e1436~mv2.png)
Timeline
![](https://static.wixstatic.com/media/129a35_4ea3f8809cdf4950b7321e142409248f~mv2.png/v1/fill/w_893,h_372,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_4ea3f8809cdf4950b7321e142409248f~mv2.png)
Design Objectives
and
Strategy
1.0
1
Outstripping competitors
We analyzed competitors' interfaces early in design, summarizing their strengths and weaknesses to fit our target user
2
Interaction logic aligns with use cases
We found that consistency with business scenarios and processes is more important than data accuracy in competing products.
3
Boost sales
Sell to as many clients as possible!
The business opportunity project aimed to compete with similar, mature products with the advantage of Tian Yan Cha's powerful data capture and large database. The initial goal was to launch quickly and implement its functions to catch up with competitors.
V1.0 Features
![](https://static.wixstatic.com/media/129a35_a8c8d011f6bb441b89aaab18f6bc34d3~mv2.gif/v1/fill/w_600,h_400,al_c,usm_0.66_1.00_0.01,pstr/129a35_a8c8d011f6bb441b89aaab18f6bc34d3~mv2.gif)
Enterprise Search
Advanced Filter
Unlocked List
Custom Request
Export Records
Design Objectives
and
Strategy
2.0
1
Standardize Design Guidelines
Check and fix inconsistent styles and interactions from early rapid design and development
2
Design Upgrades
Adapt the information structure to accomodate the diversity of the business scope and the complexity of the information
3
User Experience Optimization
After starting to have real customers, optimize the details of the operation process based on customer feedback and research on common use cases
The launch of the customer acquisition, contact, and CRM modules increases business complexity and the relationship between functional modules. Goals and decisions must consider design and business logic and scenarios, not just singularity of version 1.0.
Client Aquisition Interface
![](https://static.wixstatic.com/media/129a35_37358ddd718f4da8b87ca22c9b8cbc8cf002.jpg/v1/fill/w_684,h_356,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_37358ddd718f4da8b87ca22c9b8cbc8cf002.jpg)
Enterprise Search
![](https://static.wixstatic.com/media/129a35_50d836ad423141959a282dbe90aa0da1f000.jpg/v1/fill/w_684,h_356,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_50d836ad423141959a282dbe90aa0da1f000.jpg)
Advanced Filter
![](https://static.wixstatic.com/media/129a35_a66025e67ea542e3aaff964297df0711f000.jpg/v1/fill/w_684,h_356,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_a66025e67ea542e3aaff964297df0711f000.jpg)
Unlocked List
![](https://static.wixstatic.com/media/129a35_82ddf43c0a044f9e84aa2cec49d951daf000.jpg/v1/fill/w_684,h_356,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_82ddf43c0a044f9e84aa2cec49d951daf000.jpg)
Bulk Search
![](https://static.wixstatic.com/media/129a35_b564176d452e4eb1815a018f80335708f000.jpg/v1/fill/w_684,h_356,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_b564176d452e4eb1815a018f80335708f000.jpg)
Map Search
Client Outreach Interface
![](https://static.wixstatic.com/media/129a35_afdf8e00a9e34904b1c4f9e65ad48638f000.jpg/v1/fill/w_684,h_356,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_afdf8e00a9e34904b1c4f9e65ad48638f000.jpg)
One-click call out
Follow-up records
Call stats
CRM Interface
![](https://static.wixstatic.com/media/129a35_9d294a361fd349769776e7b907ee4554f000.jpg/v1/fill/w_684,h_356,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_9d294a361fd349769776e7b907ee4554f000.jpg)
Lead conversion
Opportunity follow-up
Receivable management
Contract management
Workflow diagrams for Lead Management, Client Management, and Contact Management
Click to view in detail (in Chinese)
Design System
![](https://static.wixstatic.com/media/129a35_1f9887b083444e908e47fdebc73b8e58~mv2.png/v1/fill/w_823,h_419,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_1f9887b083444e908e47fdebc73b8e58~mv2.png)
Click to view in detail
Interaction Design
![详情状态.png](https://static.wixstatic.com/media/129a35_da456c66a95d407a881e95664f3629cd~mv2.png/v1/fit/w_418,h_281,q_90/129a35_da456c66a95d407a881e95664f3629cd~mv2.png)
![表格说明.png](https://static.wixstatic.com/media/129a35_ab9cc4d9433545cf964d11abcc861a5d~mv2.png/v1/fit/w_210,h_84,q_90/129a35_ab9cc4d9433545cf964d11abcc861a5d~mv2.png)
![批量操作弹窗.png](https://static.wixstatic.com/media/129a35_deda835b492840ae86eb094c2b9202c6~mv2.png/v1/fit/w_184,h_84,q_90/129a35_deda835b492840ae86eb094c2b9202c6~mv2.png)
![业务规则表格标注.png](https://static.wixstatic.com/media/129a35_e3508e7f276b47ff81da22442d3d2d1c~mv2.png/v1/fit/w_358,h_223,q_90/129a35_e3508e7f276b47ff81da22442d3d2d1c~mv2.png)
![呼叫面板变化流程-硬件外呼.png](https://static.wixstatic.com/media/129a35_5d585052f90d48dd9e7cfe439079f03e~mv2.png/v1/fit/w_203,h_142,q_90/129a35_5d585052f90d48dd9e7cfe439079f03e~mv2.png)
![跟进列表-跟进记录卡片.png](https://static.wixstatic.com/media/129a35_5c3ba50443654f898cffa138711601ae~mv2.png/v1/fit/w_131,h_142,q_90/129a35_5c3ba50443654f898cffa138711601ae~mv2.png)
Click to view in detail
Design Impact
![](https://static.wixstatic.com/media/129a35_0aa9662855794de184cbc73700ddd7c7~mv2.jpeg/v1/crop/x_0,y_800,w_4032,h_1693/fill/w_600,h_252,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/129a35_0aa9662855794de184cbc73700ddd7c7~mv2.jpeg)
me