← 全部项目

学校 · 2026

CyberTwin

面向中小企业的网络风险模拟器:为企业、其资产和漏洞建模,应用会计算风险评分。

仪表盘:指标、事件分布、风险仪表
仪表盘:指标、事件分布、风险仪表
首页,矩阵网格样式
首页,矩阵网格样式

故事

高级 Web 课程(Efrei,LSI 1)的项目,两人合作完成:我负责前端,搭档负责后端。虚构公司 NEOGINIX 是贯穿始终的案例:公司档案、六类资产、按严重程度划分的漏洞,然后给出 0 到 100 的评分和个性化建议。

在界面方面,我精心打磨了基于 CSS 变量的设计系统、持久的深色模式、带动画的悬浮导航栏,以及会随鼠标响应的矩阵网格首页(深色下为磷光绿,浅色下为石板蓝)。

仪表盘显示 KPI、直方图、环形图和风险仪表。最终报告可导出为真正的结构化 PDF。

我的收获

围绕稳定的 API 约定在两人之间分工,并把界面当作真正的设计系统,而不是一堆组件。