점주님 기사님 마이페이

채팅

의뢰서 요청

**[도입]**
저희 팀은 제빙기 청소 예약을 주제로 선정했습니다.

이 서비스를 만들기 전에 가장 먼저 제빙기 청소가 처음인 매장 점주님,
그리고 이제 막 제빙기 청소를 시작하면서 영업에 어려움을 겪는 초보 기사님을 기준으로
생각했습니다

실제로 제빙기 청소를 하려면
“누구에게 맡겨야 할지”, “가격이 적당한지”,
“여러 업체를 일일이 비교해야 하는 불편함”이 있고,
기사님의 경우에도 첫 고정거래를 찾기까지 어려움이 있습니다.

저희는 이 문제를
점주님은 여러 기사님에게 한 번에 견적을 받아 가장 마음에 드는 견적을 선택해 매칭되고
기사님 또한 조금 더 쉽게 여러 점주님에게 견적을 보내고 작업을 관리할 수 있게끔 구성해
해결했습니다.

저희가 참고한 사이트를 보시면 개인 사용자끼리의 연결 보다는 기업과 기업과의 연결이 더 많았습니다. 
그리고 저희가 주목한 점이 바로 실시간 대화가 불가능하다는 거였습니다. 

숨고 사이트와 서비스 제공자의 직접 매칭 서비스, 
개인 사업자가 등록 후 고객의 요청서를 받는 사이트로 만들기로 했습니다. 

**[진행과정]**
툴 노션(간트, 회의) 마인드맵 플로우차트 요구사항 디자인 피그마 이알디

[기능-문의글 작성]
비회원은 문의글을 작성할 때 이메일과 비밀번호를 입력해야 합니다. 
대신 로그인한 회원은 그냥 카테고리와 제목, 글만 입력하면 가능합니다.
작성 후에는 아래의 게시판에서도 확인이 가능하지만 유저들은 [마이페이지]에서도 확인을
할 수 있습니다. 

[로그인]
유저 로그인과 기사 로그인 하면서 출력하는 메뉴, 프로필 이미지가 달라지는 부분 보여주기. 
소셜 로그인도 

[헤더 변경]
로그인시 유저가 OWNER인지 CLEANER인지 구분해서 출력하는 메뉴, 프로필 이미지가 달라집니다.
이러한 사용자 맞춤 서비스는 마이페이지에서도 달라집니다 이에 대해 이어서 설명하겠습니다?

[마이페이지]
앞서 말씀드린 것처럼 저희 마이페이지는 공통적인 부분인 프로필 수정, 정보 수정이 있고 이외 탭바 메뉴가 유저의 구분에 따라
제공하는 정보가 달라집니다. 먼저 기사님은 예약이 완료된 목록을 볼 수 있는 대기 작업, 오늘 일정
탭이 있고, 정산을 한눈에 보기 쉬운 정산 대기, 본인의 문의를 볼 수 있는 문의내역과 기사님에게
달린 리뷰를 볼 수 있는 리뷰내역이 있습니다.

[채팅]
다음은 채팅 기능입니다.

저희 서비스에서 채팅은 견적서를 받은 이후에만 활성화됩니다.
이는 불필요한 사전 연락을 막고,
실제 계약 가능성이 있는 사용자 간의 소통만 이루어지도록 설계한 구조입니다.

채팅은 Socket.IO를 활용한 실시간 통신으로 구현되어
점주와 기사 간 메시지가 즉시 반영되도록 했습니다.
이를 통해 전화나 외부 메신저 없이도
플랫폼 안에서 모든 소통이 완료되도록 했습니다.

또한 채팅 화면에는
사용자 유형에 따라 달라지는 맞춤형 사이드바를 제공합니다.

점주일 경우에는
현재 선택한 견적 정보와 기사 정보를 확인할 수 있고,
기사님일 경우에는 현재 채팅방이 어떠한 의뢰서를 기준으로 열렸는지 확인할 수 있습니다.
또한, 채팅방 안에서 바로 ‘예약하기’ 버튼을 통해 결제 및 예약이 가능하도록 구성했습니다.

이 구조를 통해
사용자는 채팅 → 예약 → 매칭까지 이어지는 경험을 할 수 있습니다.

[결제] 
채팅을 통해 점주와 기사가 어느 정도 얘기를 마친 후, 바로 예약하기 버튼을 누르면
토스 페이먼츠에서 제공하는 결제창이 뜨고, 결제를 하고 난 다음에는 성공 페이지로 이동하게 됩니다. 
결제가 실패하면 실패 페이지로 이동해서 다시 결제를 할 수 있습니다. 

[관리자 페이지]
관리자 페이지로 오시게 되면, 통합 모니터링으로 이동합니다. 왼쪽에 메뉴바를 배치하여서
관리자가 원하는 페이지로 이동할 수 있습니다. 모든 페이지가 상단에는 통계를 통해,
시각적으로 바로 
아래 부분에는 테이블을 통해 상세 정보를 볼 수 있도록 했습니다. 그리고 통합 모니터링에서는
월별로 예약이 어떻게 되었는지 알아 볼 수 있도록 차트를 추가했습니다. 
 

[소감]

시연 순서 정리