APP

소명

소명은 내 주변의 심장 충격기·대피소와 안전 소식을 지도에서 찾고, 안전 교육과 행동 요령을 익히는 생활 안전 앱입니다. 똑똑한개발자는 내 주변 지도부터 긴급 전화, 알림·지역 설정 화면까지 작업했습니다.

LaunchAug, 2024
Client(주)소중한생명

캐릭터와 심박수로 이어가는 나의 소명

스플래시는 초록 바탕에 심전도 선이 들어간 흰 하트 하나만 둡니다. 나의 소명 탭은 맨 위에 소명이 캐릭터와 레벨, '소명과 함께한지 +68일'을 보여주고, bpm 막대와 '심박수 올리는 방법' 버튼으로 앱 활동을 심박수에 빗대어 보여줍니다. 그 아래에는 나의 작성글·안전 교육·행동 요령 개수를 초록 카드 세 장으로 모아, 다시 앱을 열 이유를 한눈에 보여줍니다. 설정과 기타 메뉴는 흰 카드로 나누고, 이벤트 화면은 보라색 배너를 세로로 쌓아 3월의 EVENT! 기간을 보여줍니다.

지도 위에서 확인하는 AED와 대피소

내 주변 탭은 맨 위에 '서울 성동구 성수동 1가'를 두고, 지도 위에 심장 충격기·대피소·교통 제보를 아이콘으로 표시합니다. 빨간 하트 아이콘을 누르면 농협중앙회의 주소와 설치장소 '본관 지하 4층(화물엘리베이터 앞)', 현황 'AED 사용가능'이 하단 카드로 뜹니다. 대피소 카드는 수용면적 아래 빠른길 찾기 버튼을 둡니다. 교통 제보는 닉네임과 '지금', 좋아요 수가 붙은 20자 이내 글로 보입니다. 카드가 지도를 다 덮지 않아 위치를 보면서 정보를 확인할 수 있습니다.

긴급 전화부터 안전 교육 영상까지

신고 상담 전화 화면은 긴급신고전화와 상담전화를 탭으로 나누고, 맨 위 '빠른 긴급 통화' 카드에 119·112·110 버튼을 놓아 급한 상황에서 바로 걸 수 있게 했습니다. 아래로는 긴급신고·생활정보·민원신고·보험사 긴급출동을 접이식 목록으로 묶고, 펼치면 삼성화재 옆에 전화번호 버튼이 붙습니다. 나의 작성글은 교통·시위·주의·날씨 태그를 왼쪽에 둔 회색 카드로 쌓입니다. 교육 영상 화면은 '직장 내 성희롱 예방 교육' 제목 아래 재생시간과 출처 고용노동부를 먼저 보여줍니다.

활동 알림과 내가 사는 지자체 설정

알림 화면은 활동 알림과 BPM 심박수 탭으로 나뉘고, 날짜별로 내 주변 안전글·캐릭터 성장·레벨업·안전 교육·행동요령 소식을 아이콘과 함께 쌓습니다. '[시위] 2호선 뚝섬역 장애인 시위중입니다' 같은 안전 소식과 '교육 마감일이 3일 남았습니다' 같은 이수 안내가 한 목록에 섞여 다시 앱을 열 이유가 됩니다. 알림 설정은 앱 푸시 알림과 마케팅 두 토글만 둡니다. 지자체 홈페이지 설정은 서울특별시부터 강원도까지 지자체 로고를 원형 버튼 3열로 놓고, 고른 지역은 초록 테두리로 표시합니다.

📌 이 작업의 포인트
  • 01AED·대피소를 지도 카드로 바로 확인
  • 02119·112·110 빠른 긴급 통화
  • 03캐릭터 성장으로 이어지는 안전 활동