리뉴얼 배경 및 목적
복잡하게 밀집된 고정형 UI를 벗어나,
직관적이고 쾌적한 정보 탐색 환경으로.
기존 KCA 사업정보관리시스템은 공지사항, 퀵메뉴, 공고 목록 등 다양한 정보가 좁은 화면에 과도하게 밀집되어 있어 시각적 피로도가 높고 탐색이 어려웠습니다. 또한 고정형 레이아웃으로 인해 모바일 환경을 지원하지 않아 외부에서의 접근성과 편의성이 크게 떨어졌습니다.
이번 리뉴얼에서는 복잡한 메뉴를 직관적인 카드로 시각화하고, 불필요한 요소를 덜어낸 대시보드형 반응형 UI를 구축하여 사용자의 업무 효율성을 대폭 끌어올리는 데 집중했습니다.
COMPLEXITY
과도하게 밀집된 메뉴와
답답한 고정형 레이아웃
UX FATIGUE
명확한 시각적 계층 부재로
원하는 정보 탐색 저하
ACCESSIBILITY
모바일 및 다양한
디바이스 환경 미지원
무엇을 해결해야 했는가
콘텐츠의 과감한 재배치와
스마트한 반응형 대시보드 구축.
산발적으로 흩어져 있던 대형 배너, 공지사항, 퀵메뉴 영역을 시원한 일체형 대시보드로 통합하여 화면의 답답함을 해소했습니다.
AI Advisor, 시스템 매뉴얼, FAQ 등 사용 빈도가 높은 핵심 메뉴를 직관적인 그래픽 카드로 묶어 서비스 접근 경로를 단순화했습니다.
PC 중심의 고정형 구조를 벗어나 스마트폰, 태블릿 등 어떤 환경에서도 최적의 뷰를 제공하는 반응형 UI를 도입했습니다.
어떤 기준으로 설계했는가
밝고 쾌적한 화이트 스페이스와
KCA 브랜드 컬러의 조화.
과거의 낡고 답답했던 딥블루 베이스를 걷어내고, 여백을 충분히 살린 화이트와 라이트 그레이 톤으로 화면을 정화했습니다. KCA의 아이덴티티 컬러를 포인트 색상과 카드 배경으로만 적절히 활용하여 공공 시스템의 신뢰감을 주면서도 한층 현대적이고 세련된 인상을 전달합니다.
시각적 대시보드와 서비스 카드 중심의 메인 UI/UX
대형 배너와 로그인 영역을 일체형 뷰로 통합하여 편의성을 높였습니다. 하단에는 공지사항과 함께 AI Advisor, 매뉴얼 등 핵심 메뉴를 직관적인 그래픽 카드로 구분하여 시각적 계층을 명확히 분리했습니다.
디바이스 환경을 고려한 유연한 반응형 UI/UX
복잡했던 2단 대시보드 요소들을 모바일 세로 레이아웃에 맞춰 자연스럽게 1열 카드로 재배치했습니다. 터치 친화적인 버튼 크기와 가독성 높은 폰트 렌더링으로 이동 중에도 편리한 시스템 이용을 지원합니다.
