← 프로젝트 목록

02 / SECURITY PLATFORM

보안 SIEM → MDR Platform

초기 SIEM 화면설계부터 MDR 정보구조·UI 개편까지

기간
2025.12 — 진행 중
담당
기획 · 정보구조 · 화면설계 · UI 디자인 · 디자인 시스템
보안 SIEM → MDR Platform 대표 화면
01

SIEM 설계에서 MDR 개편으로

초기 SIEM 설계안의 타 사업부 MDR 적용 및 정보구조·UI 개편

2025.12 — 2026.01 · SIEM

기획·범위 정의·정보구조·화면설계

2026.08 — 진행 중 · MDR

정보구조 재설계·UI 디자인·디자인 시스템·퍼블리싱

02

SIEM Lite 정보구조

XDR 기반 관제 Viewer 범위 정의 및 업무 단위 메뉴 구성

업무 단위 메뉴

AI·Dashboard·Cases·Posture Management·Inventory·Report·Setting

범위 정의

XDR 기반 Incident 통합 관제 Viewer. 자체 탐지·상관분석·룰 생성 범위 제외

초기 SIEM · 정보구조 설계서
초기 SIEM · 정보구조 설계서
03

Case·Inventory·Endpoint 화면설계

Case 분류, 자산 현황, 목록과 상세 정보 구성

Case

Domain·Severity 분류와 카드·리스트 보기

Inventory

Endpoint 현황 위젯과 위험 판정 기준 임시안

Endpoint

조건 필터·표시 필드 설정·상세 드로어

Case 현황 · 초기 SIEM 설계
Case 현황 · 초기 SIEM 설계
Inventory 개요 · 초기 SIEM 설계
Inventory 개요 · 초기 SIEM 설계
Endpoint 목록·상세 · 초기 SIEM 설계
Endpoint 목록·상세 · 초기 SIEM 설계
04

운영 화면에서 발견한 문제

복잡한 메뉴 이동·분산된 정보·과도한 강조색

탐색 구조

개요 화면을 여러 번 거치는 메뉴 구조

정보 배치

핵심 관제 정보 확인을 위한 여러 화면 이동

색상 사용

위험도 외 정보까지 강한 색상 사용, 위험 신호 구분 어려움

개편 전 · 개발 운영 중인 대시보드
개편 전 · 개발 운영 중인 대시보드
05

업무 중심의 1Depth 메뉴

반복되는 개요를 제거하고 주요 기능을 업무 단위로 재분류

개요 페이지의 주요 정보 → 대시보드·각 업무 화면

기존

이벤트 → 개요·인시던트·알림 / 자산관리 → 개요·자산

변경

대시보드·AI 챗봇·인시던트·알림·위협인텔리전스·자산/에이전트·보고서·설정 및 관리

06

통합관제 화면 영역 설계

상시 관제에 필요한 정보의 좌·우·하단 배치

좌측 · 행동 영역

미결 인시던트·실시간 알림

우측 · 판단 영역

위협 지수·국가별 출발지·악성코드·활성 캠페인

하단 · 상태 영역

자산·에이전트·라이선스·대응률

MDR 화면개편안 · 통합관제 설계
MDR 화면개편안 · 통합관제 설계
07

업무 화면 설계

화면별 업무 목적에 맞춘 핵심 정보 우선 배치

인시던트·알림

요약 정보·심각도 분포·출처 표시와 인시던트 승격·오탐 표시

위협 인텔리전스

IOC 통합 검색과 지표별 피드 출처

자산·에이전트

연결 상태·라이선스·버전 분포와 일괄 작업

인시던트 · 화면개편 설계
인시던트 · 화면개편 설계
알림 · 화면개편 설계
알림 · 화면개편 설계
위협 인텔리전스 · 화면개편 설계
위협 인텔리전스 · 화면개편 설계
자산 · 화면개편 설계
자산 · 화면개편 설계
에이전트 · 화면개편 설계
에이전트 · 화면개편 설계
08

통합관제·업무 화면 UI

미결 인시던트·위협 지수·자산 상태를 한 화면에 표시

통합관제 대시보드 · 최종 UI
통합관제 대시보드 · 최종 UI
인시던트 · 최종 UI
인시던트 · 최종 UI
알림 · 최종 UI
알림 · 최종 UI
위협 인텔리전스 · 최종 UI
위협 인텔리전스 · 최종 UI
에이전트 · 최종 UI
에이전트 · 최종 UI
09

ARO AI 보안 분석 도우미

관제 화면 내 AI 질의 패널, 답변 근거와 관련 인시던트 바로가기

응답은 시나리오 데이터 기반 시연

진입·질의

상단 ARO AI 버튼과 인시던트 요약·공격 흐름·IP 위협 정보 추천 질문

답변 근거

분석 단계, 근거 인시던트 바로가기·첨부·보고서 전환

HTML 프로토타입 · 관제 화면
HTML 프로토타입 · 관제 화면
HTML 프로토타입 · ARO AI 패널
HTML 프로토타입 · ARO AI 패널
10

위험 신호가 명확하게 보이는 시각 체계

위험도·일반정보·조작 요소별 색상 규칙

위험도

Critical #E5484D · High #F76B15 · Medium #EFBF04 · Low #46A758

일반정보

분류·통계 정보는 무채색 적용

인터랙션

링크·선택·포커스 등 조작 가능한 요소에 인터랙션 색상 적용

Feedback · 상태 배지
Feedback · 상태 배지
Component · 버튼과 조작 요소
Component · 버튼과 조작 요소
Data · 목록과 데이터 표현
Data · 목록과 데이터 표현
다크·라이트 컬러 토큰
다크·라이트 컬러 토큰
← 전체 프로젝트전체 포트폴리오 PDF ↗NEXT PROJECTEnterprise AI Agent