아이티에스시스템(주)
IAI 관리자 대시보드 UX/UI 디자인
AI와 운영 데이터를
하나의 흐름으로 연결하는 통합 관리 환경
아이티에스시스템의 ‘AI AGENT’ 웹앱 서비스의 관리자 대시보드를 제작했습니다. 설계의 중심은 사용자가 쉽고 빠르게 직관적으로 정보를 전달받는 데 두고 관리자 대시보드 UX/UI를 설계하였습니다. 디자인은 다양한 데이터를 효율적으로 관리하는 IAI 브랜드의 블루 계열을 활용해 신뢰감과 전문성을 강조하고, RGB(Blue)를 레이아웃 전반에 적용해 정보의 가독성과 구분성을 높였습니다.
Information Hierarchy
정보 계층 구조
관리자가 다양한 상태 확인부터 하위 관리까지, 상단에 핵심 데이터를 두고 필요한 데이터를 선택적으로 확인하도록 구성해 정보 접근 방식을 효율화했습니다.
Card-Based Layout
카드 기반 레이아웃
카드형 레이아웃을 적용해 데이터 단위를 명확히 구분하고, 복잡한 정보도 직관적으로 인지할 수 있도록 설계했습니다.
One-Page Experience
원페이지 사용자 경험
주요 기능과 데이터를 한 화면에 배치해 페이지 이동 없이도 필요한 정보를 빠르게 확인할 수 있도록 원페이지 흐름으로 UX를 설계했습니다.
Detail
Color System
#F3F5F9
#87B1FF
#173DBA
#2240A1
#071A57
#071A57
#001868
Typeface · Pretendard
An AI Agent Platform That Connects Enterprise Data to Enable Search, Reporting, and Workflow Automation
IAI는 분산된 사내 데이터를 하나로 연결해 검색과 보고서 작성, 업무 실행까지 하나의 흐름으로 지원하는 AI Agent 기반 업무 플랫폼
Grid System
- Canvas Width
- 1920px
- Content Area
- 1820px
- Columns
- 12 Columns
- Column Width
- 133px
- Gutter
- 24px
- Margin
- 50px