Project story
프로젝트 이야기
지도 검색과 예약을 결합한 공간 예약 플랫폼 구축
와우플은 스터디카페, 회의실, 파티룸, 스튜디오 등 다양한 공간을 한 서비스 안에서 탐색하고 예약할 수 있도록 구축된 공간 예약 플랫폼입니다. 일반 공간 예약 서비스인 와우스페이스와 스터디카페 이용·좌석 현황 중심의 와우플레이스를 함께 제공하는 구조로 정리했습니다.
이용자는 지도와 조건 검색으로 공간을 찾고, 공간 상세에서 사진·이용 정보·예약 가능 여부를 확인한 뒤 예약 흐름으로 이어집니다. 운영 측면에서는 호스트 등록 화면과 관리운영시스템을 함께 두어 공간 등록과 서비스 운영을 병행할 수 있게 구성했습니다.
전체 구축 범위는 기획, UI/UX, 설계, 구현, 배포까지이며, 프론트 웹사이트와 각종 연동을 포함해 실제 운영 가능한 예약 서비스 형태로 완성했습니다.
검색과 지도에서 바로 공간을 찾는 첫 화면
메인 화면에서는 지역, 날짜, 가격, 인원, 카테고리와 공간명 검색을 한 번에 사용할 수 있습니다. 사용자는 원하는 조건으로 공간을 빠르게 좁히고, 카테고리 진입으로 스터디공간, 오피스, 회의·교육, 연습·예술 등으로 탐색할 수 있습니다.
메인 하단에는 최근 본 공간 영역이 보이고, 우측에는 상담 진입 버튼이 배치되어 있어 탐색과 문의 흐름이 함께 이어집니다.
조건 검색·카테고리 탐색 — 지역과 일정, 가격, 인원 기준으로 공간을 찾는 기본 탐색 구조를 구현했습니다.
지도 기반 목록으로 위치와 이용현황을 함께 확인
지도 화면에서는 공간 목록과 위치 마커를 동시에 보여줘, 검색 결과를 지리적 위치와 함께 비교할 수 있습니다. 각 카드에는 공간명, 지역, 공간 유형, 예약 가능 시점, 이용현황이 함께 표시됩니다.
왼쪽 목록과 오른쪽 지도 구성이어서 많은 공간 중에서도 현재 운영 중인 지점을 빠르게 훑어볼 수 있습니다.
지도·목록 동시 조회 — 검색 결과를 지도와 카드 목록으로 나눠 보여주어 공간 위치와 상태를 함께 확인할 수 있게 했습니다.
상세 화면에서 예약에 필요한 정보를 한 번에 정리
공간 상세에서는 대표 사진과 추가 사진, 위치, 태그, 예약 가능 시점이 먼저 보입니다. 이어서 공간 선택, 지점 소개, 운영시간, 이용규칙, 시설·기자재, 리뷰, Q&A 같은 탭으로 정보를 나눠 확인할 수 있습니다.
오른쪽 예약 영역에서 날짜와 인원을 선택하는 구조라, 상세 확인에서 예약 시작까지의 흐름이 자연스럽게 이어집니다.
상세 정보와 예약 선택 — 사진, 기본 정보, 탭형 콘텐츠, 예약 입력 영역을 한 화면에 배치했습니다.
호스트 등록과 운영 메뉴를 분리한 B2B 구조
호스트 화면에서는 공간을 등록하고 시작할 수 있는 진입 버튼과 안내 문구가 보입니다. 내부 메뉴에는 공지사항, 이용 가이드, 서비스 정보, 설정 등이 있어 등록 이후 운영에 필요한 기본 관리 흐름을 담고 있습니다.
공간별 카드 목록과 이용현황이 함께 보이는 화면도 확인되어, 호스트가 여러 지점을 관리하는 구조를 고려한 것으로 보입니다.
호스트 등록·운영 메뉴 — 공간 등록과 운영 안내를 분리해 B2B 호스트 흐름을 지원했습니다.
와우스페이스와 와우플레이스를 함께 담은 서비스 구조
와우스페이스는 호스트가 자신의 공간을 예약 기반으로 운영할 수 있다는 메시지를 중심에 두고 있습니다. 와우플레이스는 스터디카페 중심의 지점 목록과 이용현황을 보여주며, 같은 서비스 안에서 다른 이용 맥락을 함께 제공하는 형태입니다.
두 서비스 모두 로그인, 회원가입, 호스트 시작하기 같은 공통 진입을 공유해 이용자와 운영자가 같은 플랫폼 안에서 이어지도록 구성했습니다.
통합 서비스 구조 — 일반 공간 예약과 스터디카페 운영 화면을 하나의 플랫폼으로 연결했습니다.
비슷한 프로젝트를 준비하고 있다면
유사 프로젝트를 상담할 때는 먼저 이용자와 운영자 중 어떤 흐름이 핵심인지 정리하면 좋습니다. 공간 검색, 상세 확인, 예약, 호스트 등록, 지점 관리 중 어디까지 포함할지에 따라 화면과 운영 구조가 달라집니다.
또한 지도 연동, 예약 가능 시간 표시, 좌석·이용현황 노출, 호스트 관리 메뉴처럼 외부 연동이나 운영 데이터가 필요한 항목을 미리 구분하면 범위 정의가 쉬워집니다.