[PM,Designer] | [PM] | [Designer] | [FE] | [FE] | [BE] |
---|---|---|---|---|---|
이동준 | 김지혜 | 나혜빈 | 오준석 | 이소민 | 이승원 |
[BE] | [BE] | [BE] | [BE] | [BE] |
---|---|---|---|---|
윤서영 | 오민석 | 장재원 | 조경호 | 정이령 |
CAT-SPOT은 학생들이 원하는 장소를 편하게 찾을 수 있는 서비스 입니다. 현재는 빈 강의실 찾기, 도서관 열람실 자리 찾기 기능이 있습니다. 추후 다양한 기능들을 추가할 예정입니다!
메인 | Q&A |
---|---|
먼저 메인 페이지입니다.
캣스팟의 메인 캐릭터의 시선이 좌우 위아래로 움직이는 모습, 와이파이가 실제로 작동하는 듯한 움직이는 애니메이션을 넣어 서비스를 실행하자마자 사용자의 이목을 주목시키려고 하였습니다. 또한 저의의 메인 기능들을 큰 버튼으로 두어 사용자에게 편한 UX를 제공합니다.
다음은 Q&A페이지 입니다.
메인 페이지 상단의 Q&A 페이지를 누르면 위와 같은 화면이 나타납니다. 제목,이메일,건의사항을 입력하면 관리자 디스코드로 해당 내용이 실시간으로 업데이트 됩니다.
열람실 리스트 | |
---|---|
다음은 도서관 열람실의 잔여 좌석 리스트입니다.
열람실 별로 잔여 좌석, 사용 중 좌석, 총 좌석 수를 한눈에 확인할 수 있습니다.
또한, 각 열람실의 특징을 나타내는 캐릭터를 통해 사용자의 관심을 끌고자 하였습니다.
열람실을 선택하면 해당 장소의 좌석 위치를 보여주는 페이지로 이동합니다.
원하는 건물과 층 설정 | 강의실 단면도 | 강의실 단면도 |
---|---|---|
다음은 빈 강의실 찾기 서비스입니다.
전체적으로 귀엽고 재미있는 UI를 사용하여 학생들이 더욱 쉽게 접근할 수 있도록 하였습니다.
사용자가 원하는 건물을 설정하면 해당 건물의 층 수가 표시되며, 원하는 층을 선택하면 메인 캐릭터가 계단을 오르는 모션이 연출됩니다. 설정이 완료되면 GO 버튼을 눌러 다음 페이지로 이동할 수 있습니다.
다음 페이지에서는 고양이 얼굴로 표현된 강의실들이 구성된 단면도가 나타납니다. 수업 중인 강의실과 빈 강의실을 구분하기 위해 색을 다르게 표시하였습니다. 원하는 강의실을 선택하면 해당 강의실의 당일 시간표가 표시되며, 현재 시간에 해당하는 부분에는 하이라이트가 적용되어 수업 중인 강의실의 종료 시간을 쉽게 확인할 수 있습니다.