Skip to content

Latest commit

 

History

History
56 lines (40 loc) · 6.09 KB

README.md

File metadata and controls

56 lines (40 loc) · 6.09 KB

CAT-SPOT

캣스팟

👥 Team members

[PM,Designer] [PM] [Designer] [FE] [FE] [BE]
profile profile profile profile profile profile
이동준 김지혜 나혜빈 오준석 이소민 이승원
[BE] [BE] [BE] [BE] [BE]
profile profile profile profile profile
윤서영 오민석 장재원 조경호 정이령

서비스 소개

CAT-SPOT은 학생들이 원하는 장소를 편하게 찾을 수 있는 서비스 입니다. 현재는 빈 강의실 찾기, 도서관 열람실 자리 찾기 기능이 있습니다. 추후 다양한 기능들을 추가할 예정입니다!

상세 페이지

메인 페이지 + Q&A

메인 Q&A
스크린샷 2024-10-28 오전 1 06 36

먼저 메인 페이지입니다.
캣스팟의 메인 캐릭터의 시선이 좌우 위아래로 움직이는 모습, 와이파이가 실제로 작동하는 듯한 움직이는 애니메이션을 넣어 서비스를 실행하자마자 사용자의 이목을 주목시키려고 하였습니다. 또한 저의의 메인 기능들을 큰 버튼으로 두어 사용자에게 편한 UX를 제공합니다.

다음은 Q&A페이지 입니다.
메인 페이지 상단의 Q&A 페이지를 누르면 위와 같은 화면이 나타납니다. 제목,이메일,건의사항을 입력하면 관리자 디스코드로 해당 내용이 실시간으로 업데이트 됩니다.

도서관 좌석 열람 서비스

열람실 리스트
image image

다음은 도서관 열람실의 잔여 좌석 리스트입니다.
열람실 별로 잔여 좌석, 사용 중 좌석, 총 좌석 수를 한눈에 확인할 수 있습니다. 또한, 각 열람실의 특징을 나타내는 캐릭터를 통해 사용자의 관심을 끌고자 하였습니다. 열람실을 선택하면 해당 장소의 좌석 위치를 보여주는 페이지로 이동합니다.

빈 강의실 찾기 서비스

원하는 건물과 층 설정 강의실 단면도 강의실 단면도
image image image

다음은 빈 강의실 찾기 서비스입니다.
전체적으로 귀엽고 재미있는 UI를 사용하여 학생들이 더욱 쉽게 접근할 수 있도록 하였습니다.

사용자가 원하는 건물을 설정하면 해당 건물의 층 수가 표시되며, 원하는 층을 선택하면 메인 캐릭터가 계단을 오르는 모션이 연출됩니다. 설정이 완료되면 GO 버튼을 눌러 다음 페이지로 이동할 수 있습니다.

다음 페이지에서는 고양이 얼굴로 표현된 강의실들이 구성된 단면도가 나타납니다. 수업 중인 강의실과 빈 강의실을 구분하기 위해 색을 다르게 표시하였습니다. 원하는 강의실을 선택하면 해당 강의실의 당일 시간표가 표시되며, 현재 시간에 해당하는 부분에는 하이라이트가 적용되어 수업 중인 강의실의 종료 시간을 쉽게 확인할 수 있습니다.