2018年9月 — 2019年9月
产品设计师

🫡 我在 Wallarm 工作 从2018年9月到2019年9月 担任产品设计师

工作过程

我着手疏通 Wallarm 产品中的瓶颈。它是一个保护 API（应用程序编程接口）及网页应用的网络安全平台。

我重构了 UX 逻辑 （用户体验），整理了原有 UI （用户界面） ，同时建立完整的设计系统：组件库加语义化令牌系统，与前端同步。

网络安全的关键是快速区分噪声与信号。我聚焦事件流程：从原始流量和警报，到清晰的攻击图景、优先级及下一步行动。界面更像操作员工作台：点击更少、全局更清楚、状态和响应流程更明确。

我为产品做了什么

  • UX 重构：重做导航、事件分诊及优先级流程，建立统一的“观察 → 事件 → 响应”路径。
  • UI 改版：统一表格、卡片和事件时间线，加入骨架屏、空状态和预测提示。
  • 设计系统：建立组件库，包括聚合表格、筛选器、策略编辑器、日志、差异比较、YAML/JSON 查看器，并定义状态及变体。
  • 语义化令牌：颜色、阴影、边框、字体、交互均通过令牌导出到前端（CSS 变量/TypeScript），让设计与代码保持同步。
  • 可视化分析：易读图表、状态徽章和风险标记，帮助快速看清 什么 发生了，以及 下一步该做什么。

结果

界面让安全团队操作更快、理解更容易：分诊阻力更小，视觉系统一致，设计与前端共享统一组件语言。

项目把零散界面变成完整工具，不仅记录攻击，也帮助管理响应。

更多界面：