CASE STUDY · 2026

Private Storage — 私有化存储控制台

面向企业级私有化部署的存储产品控制台设计 — 智能运维、数据可视化、官网改版三屏作品。

01 / Smart O&M

智能运维 — 集群状态一目了然

Real-time cluster observability · predictive alerting

降低运维人员的学习成本和日常巡检的视觉疲劳，提高定位问题的效率，包含：智能预估与趋势分析，精细化的资源池监控，智能化扩容建议与规划辅助。

  • 从"被动救火"到"主动预防"
    彻底避免因存储空间突然耗尽导致的业务宕机或数据丢失风险。
  • 智能扩容决策辅助
    让IT预算规划更加精准高效
  • 异构资源的统一透明管理
    消除数据孤岛，管理者可以站在全局视角审视资源利用率
智能运维系统截图
示意图-智能运维Dashboard首页

02 / Data Visualization

数据可视化 — 让数据动态一眼可读

Real-time data dynamics · at a glance

存储有大量的虚拟化、数据、图表需要时时监控掌握，为了使运维工程师能够快速获取数据动态，带领团队进行了大量数据可视化展示的探索。

  • 存储池容量占比展示
    通过模仿量杯的刻度，能够直观的看到高性能缓存层及大容量数据层的使用占比情况。
  • 数据写入 / 读取动效
    通过水波纹、下落的数据块等动效，真实反馈出当前数据写入 / 读取情况。
  • 多维数据钻取
    支持按存储池 / 节点 / 业务类型下钻，把海量监控数据分层呈现，运维按需取用。
存储池容量示意图
示意图-存储池容量动态监控

03 / Marketing Redesign

官网改版设计 — 从产品页到品牌升级

Brand refresh · visual system · product line

原有设计风格杂乱，没有自身特点，难以在用户中形成记忆点，我针对这种情况从以下三个方向推进品牌视觉升级。

  • 围绕品牌色延展概念
    以紫色为基色延展整套品牌视觉概念，建立高识别度的色彩与图形语言。
  • 存储行业图标重绘
    围绕存储行业特点，对所有软件、硬件图标进行重绘，探索符合企业气质的视觉风格，使细节、视觉风格区别于网上的通用素材。
  • 产品线与官网视觉升级
    针对各产品线、官网进行视觉升级，统一品牌调性，强化对外传播一致性。
1 / 3

04 / Component Library

建立 UI Kit — 企业级数字资产

shadcn/ui · Cursor · Tailwind · Variants

将设计师的工作方式从「手工绘制像素」升级为「逻辑模块拼装」。这使得设计团队能够沉淀最佳实践，避免重复造轮子，从而将更多精力投入到深度的用户体验（UX）推演和业务逻辑梳理上，最终实现产品设计在规模化过程中的降本增效。

  • 极速构建与效率翻倍
    只需拖拽即可快速搭建出高保真的功能页面
  • 绝对的视觉与交互一致性
    页面在字体层级、色彩规范、间距比例以及交互状态上都能保持高度统一
  • 资产复用
    设计侧的 UI Kit 通常与前端开发侧的组件库（如基于 Vue 或 React 的 Element UI/Ant Design 等）是一一对应的，全局同步更新
示意图-拽即快速搭建功能页面
Project Meta

Private Storage · 控制台 & 品牌

负责私有化存储控制台的智能运维、数据可视化、官网视觉改版等设计工作。

Smart O&MData VizMarketingOn‑premDesign System
Tools Used
  • Figma
  • PS
  • AI
  • SK
  • PS
  • AE