PORTFOLIO

포트폴리오

2026.08.07 10:27

화재생존 자가진단 프로그램 웹 UI 구축

화재생존 자가진단 프로그램 웹 UI 구축
CLIENT소방청
SECTOR소방 안전 / 자가진단 교육 / Web UI
SERVICEUI/UX Design / Responsive Website
DATE20.01
OVERVIEW
국민 안전의식 고취와 화재 대피 능력 향상을 위해 기획된 '화재생존 자가진단 프로그램'의 메인 UI 시안입니다. 화재 현장의 붉은 연기와 생명을 구하는 소방관의 강렬한 비주얼을 배치하여 긴박함과 함께 공공 안전 교육 콘텐츠의 중대성을 강렬히 전달합니다.

중앙에는 진단가이드, 자가진단, 진단통계의 핵심 3대 메뉴를 가시성 높고 또렷한 스퀘어 버튼 형태로 레이아웃했습니다. 각 버튼에 명확한 아이콘과 직관적인 컬러(그레이, 레드, 카키/베이지)를 매칭하여, 이용자가 혼선 없이 원하는 기능으로 빠르게 진입할 수 있는 명확한 UX를 완성했습니다.
Uploaded Image



Uploaded Image


Uploaded Image


Uploaded Image


Uploaded Image




  • 공유링크 복사