국방 문서는 엄격한 형식과 높은 정확도가 요구되기 때문에 디자인에서는 복잡한 데이터 흐름을 단순하게 구조화 및 안정적이면서도 정돈된 시각 아이덴티티를 구축에 집중, 기술 중심의 복잡한 프로세스를 누구나 직관적으로 이해하고 제어할 수 있도록 시각화

이번 프로젝트는 개발자와 실무자가 함께 사용할 지능형 AI 문서 자동화 소프트웨어 디자인 및 레이아웃과 로고, 컬러와 폰트 시스템을 설계하는 작업이었습니다. 본 프로덕트는 소스코드와 사용자 입력을 분석해 국방 분야 표준 문서를 자동으로 생성하고, 생성된 문서를 AI 보조와 직접 편집으로 신속하게 정교화하여 문서를 완성할 수 있도록 돕는 SDLC 지능형 문서 자동화 도구 디자인 작업입니다.

이 프로젝트는 다양한 사용자 입력과 소스코드를 기반으로 문서를 자동으로 생성하고 관리하는 고도화된 시스템을 지향하는 만큼, 사용자의 작업 흐름을 방해하지 않으면서도 정보와 기능을 직관적으로 연결해주는 설계가 중요할 것으로 보입니다. 특히 국방 문서는 엄격한 형식과 높은 정확도가 요구되는 경우, 그리고 기능이 다층적이고 사용자 그룹이 다양할 경우는 디자인에서는 복잡한 데이터 흐름을 단순하게 구조화하고, 사용자 그룹 간의 균형을 유지하며, 안정적이면서도 정돈된 시각 아이덴티티를 구축할 필요가 있습니다.

홈 화면은 사용자의 프로젝트 현황, 진행률, 문서 상태를 한눈에 볼 수 있도록 카드형 레이아웃으로 구성했습니다. 원형 차트와 막대 그래프는 실무자들이 자주 확인하는 사용 비율과 참여자 활동량을 시각적으로 구분해 보여주었습니다. 문서 정보 입력 영역은 VSCode 스타일의 폴더 트리 구조를 그대로 가져와 개발자 친화적으로 디자인했고, 동시에 문서 항목별 진행 상태나 메타 정보를 하단에서 시각적으로 피드백하도록 만들어 현재 단계를 쉽게 파악할 수 있도록 했습니다.

메인 컬러는 군수 시스템의 신뢰감과 기술적 안정성을 담기 위해 미드 그레이 톤을 기본으로 사용하고, 주요 액션 컬러로 클라이언트님의 브랜드 컬러이기도 한 따뜻한 오렌지를 선택했습니다. 오렌지 컬러는 경직된 산업 시스템의 분위기를 완화하면서 사용자에게 명확한 인터랙션 피드백을 제공했습니다. 여백과 그리드는 넓게 설정해 정보량이 많은 화면에서도 시각적 밀도를 낮추고, 사용자가 조작보다 판단에 집중할 수 있게 했습니다.

디자인 과정에서는 클라이언트로부터 전달받은 UX 설계 구조를 기반으로 각 화면의 정보 배치와 시각적 우선순위를 조정했습니다. 예를 들어 문서 자동 생성 이후에는 AI의 결과를 바로 확정하지 않고 재생성·직접 수정·승인 등 여러 선택지를 병렬로 구성해 사용자 주도권이 유지되도록 시각적 흐름을 다듬었습니다. 또한 문서 상태 변화나 코드-문서 매칭 과정은 실시간 시각 피드백과 색상 변화를 통해 표현하여 시스템의 투명성을 높였습니다.