← すべてのプロジェクト

学校 · 2026

CyberTwin

中小企業向けのサイバーリスク・シミュレーター:企業とその資産・脆弱性をモデル化すると、アプリがリスクスコアを算出します。

ダッシュボード:指標、インシデントの内訳、リスクゲージ
ダッシュボード:指標、インシデントの内訳、リスクゲージ
トップページ。マトリクス状のグリッド
トップページ。マトリクス状のグリッド

ストーリー

高度なWebの授業(Efrei、LSI 1)のプロジェクトを2人で実施。私がフロントエンド、パートナーがバックエンドを担当しました。架空の企業NEOGINIXが共通の題材です:企業情報、6種類の資産、重大度別の脆弱性、そして0〜100のスコアと個別の推奨事項。

画面側では、CSS変数ベースのデザインシステム、保持されるダークモード、アニメーションするフローティングナビゲーションバー、マウスに反応するマトリクスグリッドのトップページ(ダークではリン光グリーン、ライトではスレートブルー)に力を入れました。

ダッシュボードにはKPI、ヒストグラム、ドーナツグラフ、リスクゲージが表示されます。最終レポートは構造化された本物のPDFとして出力できます。

ここから得たこと

安定したAPI契約を軸に2人でプロジェクトを分担し、画面を部品の寄せ集めではなく本物のデザインシステムとして扱うこと。