프로젝트 배경
소방청이 운영하는 화재 예방 및 안전관리 업무 플랫폼으로,
복잡한 행정 기능을 누구나 직관적으로 사용할 수 있도록 UI/UX 개선이 이루어졌습니다.
메뉴 구조와 업무 흐름은 단순화되었으며,
예방 점검 관리, 통계 대시보드, 보고서 출력, 전자결재 연동 화면 등 주요 기능은
데이터 가독성·색상 대비·타이포그래피를 최적화해 효율적인 업무 환경을 제공하도록 디자인되었습니다.
또한, 공공기관 웹 접근성 지침을 충족하는 일관된 디자인 가이드가 구축되었습니다.
색상, 아이콘, 폰트 체계가 시스템 전반에 동일하게 적용되어, 사용자 경험의 안정성과 신뢰성을 확보했습니다.
복잡한 행정 기능을 누구나 직관적으로 사용할 수 있도록 UI/UX 개선이 이루어졌습니다.
메뉴 구조와 업무 흐름은 단순화되었으며,
예방 점검 관리, 통계 대시보드, 보고서 출력, 전자결재 연동 화면 등 주요 기능은
데이터 가독성·색상 대비·타이포그래피를 최적화해 효율적인 업무 환경을 제공하도록 디자인되었습니다.
또한, 공공기관 웹 접근성 지침을 충족하는 일관된 디자인 가이드가 구축되었습니다.
색상, 아이콘, 폰트 체계가 시스템 전반에 동일하게 적용되어, 사용자 경험의 안정성과 신뢰성을 확보했습니다.
프로젝트 성과
업무 효율성 향상
복잡했던 기능 구조를 단순화하여 평균 30% 이상 빠른 업무 처리 가능
일관된 디자인 체계 구축
색상·폰트·아이콘을 표준화하여 안정적이고 확장성 있는 UI 가이드 완성
사용자 경험 개선
데이터 가독성과 인터페이스 직관성 강화로 현장 사용자 만족도 상승
핵심 기능

AI 챗봇 상담
공공기관 특성상 긴 답변이 필요한 경우에도 가독성을 고려한 말풍선 레이아웃과 타이포그래피를 적용하여 답변을 단계적으로 확인할 수 있도록 설계했습니다.

주요 기능 아이콘화를 통한 직관적 UI 구현
주요 기능들을 아이콘화하여 화면에 직관적으로 배치함으로써,
사용자들이 자주 사용하는 기능에 쉽고 빠르게 접근할 수 있도록 디자인 했습니다.
사용자들이 자주 사용하는 기능에 쉽고 빠르게 접근할 수 있도록 디자인 했습니다.

메인 비주얼 디자인
메인 비주얼은 ‘안전하고 행복한 내일’을 주제로,
아이콘과 배너·카드 구성을 통해 안전성과 신뢰, 정보성과 경험을 균형 있게 전달했습니다.
아이콘과 배너·카드 구성을 통해 안전성과 신뢰, 정보성과 경험을 균형 있게 전달했습니다.
진행 단계
1단계:기획 및 요구사항 검토
2025.05.
기획자와 요구사항 검토, 서비스 컨셉 및 디자인 방향성 설정
2단계:UI 디자인 가이드 수립
2025.05.
색상·타이포그래피·아이콘·레이아웃 표준화
2단계:UI디자인 & 프로토타입 제작
2025.05.
- Figma 기반의 프로토타입 제작으로 이해관계자와 실시간 협업
- 실제 사용 시나리오에 맞춘 인터랙션 적용
- 실제 사용 시나리오에 맞춘 인터랙션 적용
최종 산출물 전달
2025.06.
- 디자인 가이드 및 화면 시안 패키지 전달
- 시스템 개발팀이 바로 적용 가능한 형태로 제공
- 시스템 개발팀이 바로 적용 가능한 형태로 제공
프로젝트 상세
1) 포트폴리오 소개
민원 신청부터 처리 현황 조회까지 한눈에 확인할 수 있는 맞춤형 대시보드를 제공하고,
안전과 관련된 다양한 행정 서비스를 온라인에서 직관적으로 이용할 수 있도록 디자인했습니다.
2) 작업 범위
-UI/UX 디자인 및 디자인 시스템 구축
3) 주요 작업
- 아이콘 및 일러스트 디자인
- 메인페이지 및 세부 페이지 100%
4) 주안점
- 관공서 ui디자인
민원 신청부터 처리 현황 조회까지 한눈에 확인할 수 있는 맞춤형 대시보드를 제공하고,
안전과 관련된 다양한 행정 서비스를 온라인에서 직관적으로 이용할 수 있도록 디자인했습니다.
2) 작업 범위
-UI/UX 디자인 및 디자인 시스템 구축
3) 주요 작업
- 아이콘 및 일러스트 디자인
- 메인페이지 및 세부 페이지 100%
4) 주안점
- 관공서 ui디자인
