**SafeShield:**SaaS-Intelligent Risk Control Security Platform

The SaaS-Intelligent Risk Control Security Platform is based on the CRO department of Alibaba Group.

<aside> ⏰

Quick Summary

Core Problem

• Need to build a design system for enterprise-level B2B products.
• The system should be able to support professional and non-professional designers to reduce the learning cost.
• Need to bridge the end-to-end ecosystem from interface design to front-end development.

Design Strategy

• Customized business improvement based on Ant Design
• Adopt atomic design principles and modular design methodology to improve B2B design efficiency.
• Build a complete design specification including component libraries, layout system, color system, etc.

Key Design Decisions

• Establish a grid system based on the rhythmic principle of the number 4, and adopt straight edge design to improve information clarity.
• Develop a responsive layout system to ensure a consistent user experience across platforms.
• Designed fine-grained data visualization solutions and selected appropriate presentation methods for different information granularity.

Final Result

• The design system has been rapidly adopted in many product lines of the enterprise group.
• Covering more than 30 different business areas
• Significantly improved the efficiency of the design and development process </aside>

2022 marked a significant business transformation for the risk control and security department under Alibaba Group. I was involved in an ambitious project to redesign the risk control audit experience for the complex e-commerce business, which handles enormous daily consumer transactions across the entire Alibaba platform.

<aside> 🔒 "To comply with my confidentiality agreement, I have omitted and obfuscated confidential information in this case study. All information in this case study is my own and does not necessarily reflect the views of Alibaba."

</aside>

Design System: Nana

1. 📖 Enterprise-level B2B products
2. 🧩 React UI library
3. 🧠 Enterprise-level B2B products

<aside> 📎

The Nana Design System is based on Ant Design and customized for business improvements. It has been rapidly adopted across various product lines in enterprise groups, connecting with multiple business domains, covering over 30 different areas.

</aside>

<aside> 🛠

Positioned for mid-tier business operations, it caters to both professional and non-professional designers, offering advantages such as low learning curve, quick adaptability, and effective outcomes.

</aside>

<aside> 💻

Additionally, it provides an end-to-end ecosystem from interface design to frontend development, significantly enhancing efficiency in design and development processes."

</aside>