01 · UI/UX
CHECKPASS
Beacon Attendance Experience
기간
2023.09.01 – 2023.11.30
담당
UI/UX 기획 및 디자인
도구
Figma · Illustrator · Photoshop
프로젝트 개요
학생들이 매일 사용하는 출결 과정을 더 간편하게 만들기 위해 Bluetooth Beacon을 활용한 웹·iOS 애플리케이션을 설계했습니다. 서비스 로고와 폰트 선정부터 컬러 시스템, 전체 UI/UX 화면 구성을 전담했습니다.
주요 작업
서비스의 첫인상부터 실제 사용 화면까지 하나의 시각 시스템으로 연결했습니다.
- 서비스 정체성을 담은 CHECKPASS 로고 디자인
- 컬러 코드 지정 및 디자인 가이드라인 수립
- 웹과 iOS 앱 전반의 화면 구성
- 실제 디바이스 구동 환경에서 화면 검토
디자인 방향
학생들이 매일 마주하는 서비스인 만큼 직관적인 동선과 명확한 정보 위계에 집중했습니다. Beacon 자동 출결이라는 기술적 개념을 사용자가 체감하지 못하도록 UI로 완충하고, 로고·컬러·타이포그래피를 하나의 시스템으로 묶어 앱 전반의 일관성을 유지했습니다.
작업 이미지
14 images
.png)