HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
👊
[승찬민] Around The Town (동네한바퀴)/
🛹
User Story Board
User Story Board
🛹

User Story Board

1. 전체 카테고리

[User Story 1] 메인화면 사용자는 숙소 종류를 카테고리(호텔, 모텔, 펜션 등)로 볼 수 있다.
1. 카테고리 클릭시 해당 카테고리에 해당하는 지역정보를 노출시킨다.
1. 카테고리 클릭시 해당 카테고리에 해당하는 지역정보를 노출시킨다.
[User Story 2] 카테고리 선택지역을 선택 해서 숙소를 고를 수 있다.
모텔
1. 지역정보 클릭하면 지역과 카테고리가 일치하는 숙박업체 목록을 볼 수 있다.
1. 지역정보 클릭하면 지역과 카테고리가 일치하는 숙박업체 목록을 볼 수 있다.
호텔
1. 지역정보 클릭하면 지역과 카테고리가 일치하는 숙박업체 목록을 볼 수 있다. 2. 추천 호텔, 이벤트 등을 보여준다.
1. 지역정보 클릭하면 지역과 카테고리가 일치하는 숙박업체 목록을 볼 수 있다. 2. 추천 호텔, 이벤트 등을 보여준다.
notion image
펜션
1. 지역정보 클릭하면 지역과 카테고리가 일치하는 숙박업체 목록을 볼 수 있다. 2. 추천 펜션을 지역별로 보여준다.
1. 지역정보 클릭하면 지역과 카테고리가 일치하는 숙박업체 목록을 볼 수 있다. 2. 추천 펜션을 지역별로 보여준다.
3. MD 추천, 할인혜택, 이벤트에 해당하는 펜션을 보여준다.
3. MD 추천, 할인혜택, 이벤트에 해당하는 펜션을 보여준다.
리조트/콘도
1. 단독특가 이벤트에 해당하는 리조트들을 보여준다.
1. 단독특가 이벤트에 해당하는 리조트들을 보여준다.
2. 기간, 인원, 지역에 해당하는 리조트를 보여준다.
2. 기간, 인원, 지역에 해당하는 리조트를 보여준다.
게하/한옥
1. 지역정보 클릭하면 지역과 카테고리가 일치하는 숙박업체 목록을 볼 수 있다.
1. 지역정보 클릭하면 지역과 카테고리가 일치하는 숙박업체 목록을 볼 수 있다.
[User Story 3] 지역선택지역과 카테고리와 일치하는 숙소들이 나온다.
모텔
1. 거주할 기간, 인원을 선택하면 인기추천 순으로 숙소를 보여준다. 2. 숙소명, 평점(후기 갯수), 대실/숙박 요금, 이벤트 등의 정보를 보여준다.
1. 거주할 기간, 인원을 선택하면 인기추천 순으로 숙소를 보여준다. 2. 숙소명, 평점(후기 갯수), 대실/숙박 요금, 이벤트 등의 정보를 보여준다.
호텔
1. 거주할 기간, 인원을 선택하면 지역 TOP, 인기추천 순으로 숙소를 보여준다. 2. 숙소명, 평점(후기 갯수), 숙박(대실 없음) 요금, 체크인 가능 시간, 이벤트 등의 정보를 보여준다.
1. 거주할 기간, 인원을 선택하면 지역 TOP, 인기추천 순으로 숙소를 보여준다. 2. 숙소명, 평점(후기 갯수), 숙박(대실 없음) 요금, 체크인 가능 시간, 이벤트 등의 정보를 보여준다.
펜션
1. 거주할 기간, 인원을 선택하면 지역 TOP, 인기추천 순으로 숙소를 보여준다. 2. 숙소명, 평점(후기 갯수), 숙박(대실 없음) 요금, 체크인 가능 시간, 이벤트 등의 정보를 보여준다.
1. 거주할 기간, 인원을 선택하면 지역 TOP, 인기추천 순으로 숙소를 보여준다. 2. 숙소명, 평점(후기 갯수), 숙박(대실 없음) 요금, 체크인 가능 시간, 이벤트 등의 정보를 보여준다.
리조트/콘도
'User Story 2' 카테고리 선택에 지역이 같이 있다.
대실 X
단톡특가 → 해당하는 리조트만 따로 보여준다.
게하/한옥
1. 거주할 기간, 인원을 선택하면 인기추천, 베스트 순으로 숙소를 보여준다. 2. 숙소명, 평점(후기 갯수), 숙박 요금, 이벤트 등의 정보를 보여준다.
1. 거주할 기간, 인원을 선택하면 인기추천, 베스트 순으로 숙소를 보여준다. 2. 숙소명, 평점(후기 갯수), 숙박 요금, 이벤트 등의 정보를 보여준다.
[User Story] 필터 / 달력 / 인원선택 페이지
필터 원하는 옵션을 지정해서 좀더 상세한 정보를 불러 올 수 있다.(수정, 초기화 가능)
notion image
모텔 필터
테마, 숙소특징, 가격 필터
테마, 숙소특징, 가격 필터
호텔 필터
호텔 성급/유형, 테마, 가격 필터
호텔 성급/유형, 테마, 가격 필터
펜션 필터
펜션 픽업, 테마, 가격 필터
펜션 픽업, 테마, 가격 필터
게하/한옥 필터
테마, 가격 필터
테마, 가격 필터
달력 숙박하려는 날짜/기간을 선택하는 페이지로 이동하여 선택한다.
📌 미리 예약가능한 날짜가 있다.(최대 90일 후까지)
📌 연박 가능한 최대 기간이 있다.(최대 9박까지)
달력(기간 선택) 버튼을 누르면 날짜 지정 페이지로 이동한다.
달력(기간 선택) 버튼을 누르면 날짜 지정 페이지로 이동한다.
1. 체크인 날짜를 선택하면 최대 기간(9박)까지 선택 가능해진다. 2. 연빨강색으로 마우스 위치에 따라 표시되어 유저 편의성을 높여준다. 3. 기간을 선택하면 해당 기간에 연박 가능한 숙소만 보여준다.
1. 체크인 날짜를 선택하면 최대 기간(9박)까지 선택 가능해진다. 2. 연빨강색으로 마우스 위치에 따라 표시되어 유저 편의성을 높여준다. 3. 기간을 선택하면 해당 기간에 연박 가능한 숙소만 보여준다.
인원선택 거주를 희망하는 인원(성인, 아동)을 선택하는 페이지로 이동하여 선택한다.
인원 선택 버튼을 누르면 인원 지정 페이지로 이동한다.
인원 선택 버튼을 누르면 인원 지정 페이지로 이동한다.
1. 성인과 아동을 따로 설정한다. 2. 아동은 나이를 상세 설정한다.
1. 성인과 아동을 따로 설정한다. 2. 아동은 나이를 상세 설정한다.
notion image
📌 대실은 모텔만 가능.
📌 리조트/콘도는 카테고리 선택(2 depth)까지만 있다.
 

2. Accommodation 상세 정보

[User Story] 숙소선택 숙소에 대한 상세 정보와 남은 객실들에 대한 정보들을 확인할 수 있다.
📌 예약이 마감되더라도 객실(room) 정보를 확인할 수 있다. (예약마감)
모텔
1. accommodation(숙소)의 상호명, 대표사진들, 평점, 후기, 위치(교통편) 등의 정보를 보여준다. 2. 해당 accommodation의 rooms 정보를 보여준다. 3. 숙소 소개, 편의시설 및 테마, 이용안내, 지도, 찾아오시는 길, 판매자 정보, 숙소 주변 놀거리 등의 정보를 보여준다. 4. 후기 정보를 보여준다.(최근 6개월 평점, 후기 갯수, 항목별 점수, 후기 List)
1. accommodation(숙소)의 상호명, 대표사진들, 평점, 후기, 위치(교통편) 등의 정보를 보여준다. 2. 해당 accommodation의 rooms 정보를 보여준다. 3. 숙소 소개, 편의시설 및 테마, 이용안내, 지도, 찾아오시는 길, 판매자 정보, 숙소 주변 놀거리 등의 정보를 보여준다. 4. 후기 정보를 보여준다.(최근 6개월 평점, 후기 갯수, 항목별 점수, 후기 List)
notion image
잔여 객실이 없는 경우 예약마감 표시
잔여 객실이 없는 경우 예약마감 표시
notion image
편의시설 및 테마 종류
편의시설 및 테마 종류
판매자 정보는 새 페이지에서 보여준다.
판매자 정보는 새 페이지에서 보여준다.
notion image
후기 갯수, 최근 6개월 평점, 각 항목별 평점, 후기 상세내용(사진..?), 숙소 답변 등
후기 갯수, 최근 6개월 평점, 각 항목별 평점, 후기 상세내용(사진..?), 숙소 답변 등
호텔
호텔은 몇성급인지도 표시(없는 호텔도 있음)
호텔은 몇성급인지도 표시(없는 호텔도 있음)
  • 나머지 모텔과 동일
펜션
펜션은 픽업 서비스 지원
펜션은 픽업 서비스 지원
픽업 안내 표시
픽업 안내 표시
  • VO 순서는 숙소 소개, 편의시설 및 테마, 이용안내, 지도, 픽업안내, 판매자정보, 후기 순서
리조트/콘도
  • 호텔처럼 몇성급 or 리조트 등 accommodation type 표시
      • notion image
      notion image
  • 나머지는 호텔, 펜션과 동일
  • 게하/한옥 → 호텔과 동일
→ #miss : room들중 대표가격은 어떤 가격으로 불러올지
 

3. 객실 상세 정보

[User Story] 객실선택 객실(Room) 상세정보를 볼 수 있다.
모텔
방 종류(room_name), 주차/넷플릭스 여부, 기준 인원(+최대), 사진 등 표시
방 종류(room_name), 주차/넷플릭스 여부, 기준 인원(+최대), 사진 등 표시
체크인, 체크아웃 날짜, 대실 or 숙박 📌 대실은 모텔만 가능
체크인, 체크아웃 날짜, 대실 or 숙박 📌 대실은 모텔만 가능
기본정보, 예약공지, 취소규정 표시 📌 모텔만 대실/숙박 예약하기 버튼 따로 → 다른 카테고리는 '예약하기'
기본정보, 예약공지, 취소규정 표시 📌 모텔만 대실/숙박 예약하기 버튼 따로 → 다른 카테고리는 '예약하기'
호텔
  • 객실 상세 정보는 모텔과 동일
  • 차이점 : 모텔(대실, 숙박) → 호텔(숙박)
펜션
  • 호텔과 동일(픽업 안내만 추가)
notion image
  • VO 순서는 기본정보, 예약공지, 픽업 안내, 취소규정 순서
  • 리조트/콘도, 게하/한옥 → 호텔과 동일
📌 예약/연박 정보
  • 모텔 : 미리예약 30일 후까지, 연박 최대 1박까지
  • 호텔, 펜션, 리조트/콘도 : 미리예약 90일 후까지, 연박 최대 9박까지
  • 게하/한옥 : 미리예약 60일 후까지, 연박 최대 9박까지
→ #miss : 대실 최대 몇시간인지 숙소마다 다르다.
 

4. 레저/티켓

[User Story 1] 메인화면 카테고리에서 레저/티켓을 선택한다.
메인화면에서 레저/티켓 선택 → 레저/티켓 카테고리로 이동
메인화면에서 레저/티켓 선택 → 레저/티켓 카테고리로 이동
[User Story 2] 레저/티켓 카테고리에서 원하는 레저/티켓을 선택한다.
인기 브랜드관 → 브랜드관 소개, 레저 상세페이지 연결
인기 브랜드관 → 브랜드관 소개, 레저 상세페이지 연결
[User Story 3] 레저/티켓 List 해당 레저 목록중에 원하는 레저를 선택한다.
레저/티켓은 모든 카테고리의 상세페이지가 동일한 형태이다.
레저/티켓은 모든 카테고리의 상세페이지가 동일한 형태이다.
  • 지역 선택, 카테고리 선택, 상세 카테고리 선택, company 선택 가능 (별도의 filter 없음)
레저/티켓은 카테고리 선택을 하고 그 안에도 카테고리를 선택할 수 있는 버튼이 있다.
레저/티켓은 카테고리 선택을 하고 그 안에도 카테고리를 선택할 수 있는 버튼이 있다.
카테고리 버튼을 누르면 별도의 상세 카테고리 페이지가 나온다.
카테고리 버튼을 누르면 별도의 상세 카테고리 페이지가 나온다.
[User Story 4] 레저/티켓 상세페이지 레저에 해당하는 상세정보를 보고 티켓을 선택한다.
  • 레저 이미지, 레저 Title, 소개, 홍보 포스터, 티켓 선택
  • 이용 상세 정보, 업체정보(지도 포함), 판매자 정보, 환불 규정
📌 모든 레저가 같은 내용
📌 레저는 후기 없음
이미지, 레저 Title, 소개 표시
이미지, 레저 Title, 소개 표시
해당 레저를 설명하는 이미지를 첨부 → 세로로 매우 길기 때문에 가려놓고 '자세한 상품 정보 보기'를 누르면 보여준다.
해당 레저를 설명하는 이미지를 첨부 → 세로로 매우 길기 때문에 가려놓고 '자세한 상품 정보 보기'를 누르면 보여준다.
티켓 선택
티켓 선택
notion image
 

5. 결제

[User Story 1] 예약할 내용 확인 확인 예약하기 버튼을 누르면 예약할 내용 확인 페이지가 나온다.
예약할 내용을 확인시켜주는 페이지가 나온다. 장바구니에 담을 수 있다. 바로 예약하기를 누르면 한 건만 결제한다.
예약할 내용을 확인시켜주는 페이지가 나온다. 장바구니에 담을 수 있다. 바로 예약하기를 누르면 한 건만 결제한다.
[User Story 2] 단건 단건 결제를 할 수 있다.
주소가 platform-site.yanolja.com 로 바뀜 (원래는 www.yanolja.com) → API 이용?
주소가 platform-site.yanolja.com 로 바뀜 (원래는 www.yanolja.com) → API 이용?
1. 상품정보는 선택해서 가져온 숙소/레저 정보가 들어간다. 2. 예약자 정보 (성명, 휴대폰 번호 인증) 3. 이용자 정보 (성명, 휴대폰 번호) 4. 숙소 방문 수단 → 도보 or 차량 (레저는 없음) 5. 금액 및 할인정보 (로그인을 해야 할인혜택) 6. 혜택 정보 (포인트 적립) 7. 결제 수단 선택 8. 이용약관 등 동의
[User Story 3] 다건 장바구니에 숙소, 레저 티켓 등을 모두 담아서 한번에 결제할 수 있다.
notion image
  • 결제 페이지는 단건과 동일 (상품 정보만 여러개)
notion image
 

6. 회원가입

[User Story 1] 회원가입에 필요한 정보는 최소한의 정보를 받는다. (이메일, 전화번호, 비밀번호)
notion image
notion image
[User Story 2] 회원은 후기, 코인, 쿠폰, 찜목록을 볼 수 있다.
User가 확인 가능한 정보들
User가 확인 가능한 정보들
후기: 결제한 자만 쓸 수 있음
후기: 결제한 자만 쓸 수 있음
찜목록 리스트
찜목록 리스트
[User Story 3] 이전 결제(예약) 내역들을 볼 수 있다.(3개월 이전까지 목록 보유)
1. 3개월사이 정보만 가지고있는지 / 전체 정보들을 자기들은 가지고있는데, 우리한테 보여준건 3개월
1. 3개월사이 정보만 가지고있는지 / 전체 정보들을 자기들은 가지고있는데, 우리한테 보여준건 3개월
 
[User Story 4] 계정관리에서 비밀번호를 변경할 수 있다.
notion image
📌 아이디 (회원가입 시 아이디, 닉네임을 입력하지 않고 랜덤한 닉네임 설정 → 변경 가능)
→ #miss: 3개월 데이터를 보관하고, 나머지 데이터는 어떻게 관리가 되어져야할까요...?
 

7. 지역별 검색 및 지도 검색

[User Story] 지역별 검색이 가능하다.
notion image
지역별 검색시 지역에 일치하는 정보만 가져온다. (hotel, motel, ...종류 관계없음!)
지역별 검색시 지역에 일치하는 정보만 가져온다. (hotel, motel, ...종류 관계없음!)
 
[User Story] 지도 위치 마크업한 위치(위도, 경도)정보를 기준으로 가까운 정보를 검색할 수 있다.
notion image
위치 좌표 찍은 위치로부터 가까운 순으로 보여주는 듯 하다. ⇒ (위도,경도 정보를 테이블에 저장해야할지..!) Elastick Search (기준점으로 몇 m 원범위안에 속하는 숙소들을 뽑는다.)
위치 좌표 찍은 위치로부터 가까운 순으로 보여주는 듯 하다. ⇒ (위도,경도 정보를 테이블에 저장해야할지..!) Elastick Search (기준점으로 몇 m 원범위안에 속하는 숙소들을 뽑는다.)
 
[User Story] 지역별로 설정한 후에 티켓/숙소 정보를 변경할 수 있다.
notion image
notion image
 
[User Story] 가까운 위치에 있는 숙소들 중 가격 정보들을 표시할 수 있다.
notion image
숙소 더보기 클릭시 주변에 있는 숙소들이 더 많이 뜨게 된다.
숙소 더보기 클릭시 주변에 있는 숙소들이 더 많이 뜨게 된다.
notion image
 
 

8. 후기(Review)

[User Story] 후기 작성
notion image
notion image