SyncSchedule

프로젝트 일정 관리 모바일 앱

2023.09 - 2023.12

'UX 디자인 수업' 프로젝트 과제물로, 팀 프로젝트 수행 시 발생하는 일정 조율 문제 해결을 위한 서비스를 사용자 경험을 고려하여 기획, 디자인, 구현하였습니다. 2명(FE 2)으로 구성된 팀 프로젝트로, 함께 기획 및 디자인을 진행하였고, 개발의 경우 프로젝트 목록, 프로젝트 상세, 일정 추가, 현황 목록, 현황 상세 화면을 담당하였습니다.

💻 기술 스택

React-Native
Typescript
Recoil
Figma

🧩 상세 설명

시간 선택 컴포넌트 구현

  • 입력한 날짜 구간과 시간(0-24시)를 테이블 형태로 각 칸을 선택 가능하도록 구현

  • 확정된 일정 추가 또는 조율 중이던 일정 확정 시, 연속된 시간만 선택 가능하도록 각 칸의 선택 가능 여부 계산

UI 사용성 개선

  • 팀장이 일정 확정 시 팀원들의 공통 선택 시간을 보면서 설정할 수 있도록, 공통 선택 시간을 배경색으로 표시

  • 일정 조율 현황 확인 시, 각 시간 칸마다 선택 횟수에 따라 배경색의 투명도에 차이를 두어 선호 시간을 한 눈에 파악