← 포트폴리오 목록으로

위치 기반 주차권 커머스 앱 개발 사례

위치 검색·월주차권 구매·이용 관리를 연결한 앱 ‘주차팅’

원하는 위치와 조건으로 주차장을 찾고 기간별 주차권을 구매하는 고객 앱과, 주차장·이용 내역·결제·환불·승인 업무를 관리하는 운영 웹 개발 사례입니다.

프로젝트 개요

서비스 형태
iOS·Android 고객 앱 / 운영 관리자 웹
제작 범위
위치·조건 검색과 주차권 거래 흐름 고객 앱·운영 관리자·서버 구현
고객 이용
주차장 검색·상세·주차권 선택 차량·결제수단·이용 내역
운영 관리
주차장·이용 내역·결제·환불 차량 변경·주차장 제공 신청 승인

위치와 조건에 맞는 주차장을 찾고 필요한 기간의 주차권을 구매하는 서비스입니다. 고객 앱은 검색·주차권 선택·결제·이용 내역으로 이어지고, 운영 관리자는 주차장 정보와 이용·결제·환불·승인 업무를 처리합니다.

01

위치와 조건으로 주차장을 찾는 화면

주소를 검색한 뒤 도보 범위·차종·운영시간 조건을 적용해 주차장을 찾습니다. 상세에서는 이용 방법과 운영시간, 입차 가능한 차종과 유의사항을 살펴보고 구매할 주차권을 선택합니다.

위치로 찾고,조건으로 고르는 월주차장.

검색 목록·도보 조건·주차장 상세를 개별 화면으로 확인할 수 있습니다.

01 · 주차장 검색

주소 검색과 주차장별 요금·운영시간·주차권 종류를 확인합니다.

주차팅 주차장 검색

02 · 조건 설정

도보 범위와 주차 조건·차종을 설정해 검색합니다.

주차팅 조건 설정

03 · 주차장 상세

주차장 정보와 이용 조건을 확인하고 구매할 주차권을 선택합니다.

주차팅 주차장 상세
주차장 검색·조건 설정·상세 정보가 주차권 선택으로 이어지는 흐름입니다.이미지를 누르면 새 탭에서 크게 볼 수 있습니다.주차장 검색조건 설정주차장 상세

02

이용 기간·차량·결제수단을 연결한 구매 흐름

월·당월·익월·장기 주차권 중 필요한 기간을 선택합니다. 결제 화면에서 사용 차량과 결제수단, 유효기간·이용시간·금액을 확인하고 구매를 진행합니다. 이용 내역에서 주차 기간·차량과 이용 상태를 확인할 수 있습니다.

기간을 선택하고,차량·결제수단을 확인합니다.

주차권 선택에서 구매 후 이용 내역까지 같은 기간·차량 정보를 연결합니다.

01 · 주차권·기간 선택

주차권의 시작일·종료일과 결제 금액을 확인합니다.

주차팅 주차권·기간 선택

02 · 차량·결제수단 확인

주차권 사용 차량·결제수단·유효기간·금액을 확인하고 결제를 진행합니다.

주차팅 차량·결제수단 확인

03 · 이용 내역

주차 기간·사용 차량·이용 가능 시간과 이용 상태를 확인합니다.

주차팅 이용 내역
주차권 기간 선택부터 차량·결제수단 확인, 구매 후 이용 내역까지 연결한 화면입니다.이미지를 누르면 새 탭에서 크게 볼 수 있습니다.주차권·기간 선택차량·결제수단 확인이용 내역

03

주차장과 거래 상태를 관리하는 운영 화면

운영자는 주차장명과 주소·운영상태로 주차장을 조회하고 정보를 관리합니다. 결제 내역은 검색 조건·결제일·상태·주차권 종류로 나누어 확인하며, 이용·환불과 차량 변경·주차장 제공 신청의 승인 업무를 처리합니다.

주차장 정보와거래 상태를 관리합니다.

관리자 화면은 원래의 가로 비율로 표시하며 전체 크기로 확대할 수 있습니다.

01 · 주차장 리스트

주차장명·주소·운영상태로 조회하고 주차장 정보를 관리합니다.

주차팅 주차장 리스트

02 · 결제 내역

검색 조건·결제일·상태·주차권 종류로 거래를 조회합니다.

주차팅 결제 내역
운영자의 주차장 정보 관리와 결제·이용 내역 조회 화면입니다.이미지를 누르면 새 탭에서 크게 볼 수 있습니다.주차장 리스트결제 내역

고객 앱과 운영 업무를 연결한 제작 범위

Flutter 고객 앱, Angular 운영 관리자와 Spring Boot 서버를 구성했습니다. 검색 조건·주차권 유형·차량·결제·이용 상태를 같은 거래 정보에 연결하고 지도·결제·파일 저장 등의 외부 기능을 연동했습니다.

RELATED WORK

비슷한 구조의 포트폴리오

같은 준비 상황이나 서비스 구조를 가진 포트폴리오를 이어서 확인해보세요.

RELATED GUIDE

비슷한 앱을 준비할 때 함께 볼 가이드

이 사례와 비슷한 서비스를 준비하면서 업체·견적·일정을 결정할 때 확인할 내용을 정리했습니다.