이색 반려동물 분양·경매 앱 개발 사례
분양·경매·맞춤 요청을 연결한 이색 반려동물 앱 ‘모프마루’
개체 정보를 탐색하고 일반 분양·경매 입찰·맞춤 제안으로 거래하는 고객 앱과 결제·정산 운영 관리자 개발 사례입니다.
프로젝트 개요
- 서비스 형태
- iOS·Android 고객 앱 / 운영 관리자 웹
- 제작 범위
- 개체 정보·거래 흐름 구성 고객 앱·운영 관리자·클라우드 기능 구현
- 핵심 거래
- 일반 분양·경매 입찰 맞춤 요청·제안 선택·매칭
- 운영 관리
- 판매자 승인·상품·결제·정산 회원·커뮤니티·신고
종과 개체 정보를 살펴보며 일반 분양·경매·맞춤 요청으로 거래하는 이색 반려동물 앱입니다. 구매자는 분양 조건을 확인하거나 경매에 입찰하고, 원하는 조건을 등록해 받은 제안을 선택할 수 있습니다. 고객 앱의 거래 흐름과 상품·결제·정산을 처리하는 운영 관리자 웹을 함께 구성했습니다.
01
종과 조건을 좁혀 분양 정보를 확인하는 화면
분양 목록에서 카테고리별 조건과 지역·정렬·분양 상태를 선택합니다. 상세에서는 사진과 가격, 크기·성별·모프·해칭일·수입 정보 등 개체별 항목과 판매자 정보를 확인하고 채팅 문의나 분양 신청으로 이동합니다.
조건을 좁히고,개체 정보를 확인합니다.
각 화면을 열면 입력 항목과 거래 조건을 크게 볼 수 있습니다.
01 · 분양 목록 · 조건과 상태
카테고리별 조건, 지역·정렬·분양 상태로 목록을 좁힙니다.
02 · 분양 상세 · 개체와 판매자
개체 사진·가격·속성과 판매자 정보를 확인하고 문의 또는 분양 신청으로 이동합니다.
02
경매 조건 확인과 입찰 금액 입력
경매 상세에서 남은 시간·현재가·시작가·입찰 단위를 확인하고 금액을 입력합니다. 즉시구매가가 설정된 경매는 해당 금액으로 결제할 수 있습니다.
경매 조건을 확인하고,입찰 금액을 입력합니다.
남은 시간·현재가·입찰 단위를 확인한 뒤 금액을 입력합니다.
01 · 경매 상세 · 현재가와 남은 시간
남은 시간·현재가·입찰 이력과 시작가·입찰 단위·즉시구매가격을 확인합니다.
02 · 입찰 입력 · 금액과 유의사항
최소 금액과 입찰 단위를 확인해 금액을 입력하고, 설정된 즉시구매가를 선택할 수 있습니다.
03
맞춤 요청과 제안 비교·선택
맞춤 요청의 희망 가격·수량·수령 조건을 살펴보고 받은 제안의 개체 정보와 가격을 비교합니다. 구매자가 제안을 선택해 매칭하면 제안자 정보와 채팅이 연결됩니다.
희망 조건과 제안을 비교해,매칭합니다.
요청 조건과 제안서의 개체·수량·가격을 살펴보고 선택합니다.
01 · 맞춤 요청 · 희망 조건
희망 가격·수량·수령 방법과 요청 내용을 확인하고 받은 제안서로 이동합니다.
02 · 제안서 · 개체와 가격 비교
제안 개체·수량·가격·지역을 살펴보고 매칭할 제안을 선택합니다.
04
배송·포장 옵션과 결제 금액을 구분하는 화면
판매자가 설정한 배송·포장 옵션을 선택하고 수령 정보와 수량을 입력합니다. 상품금액·배송비·포장비를 합산한 총액을 확인한 뒤 카드 또는 무통장 입금으로 결제합니다. 옵션 유무와 거래 유형에 따라 필요한 단계를 연결합니다.
배송과 포장을 고르고,결제 금액을 확인합니다.
각 화면을 열면 입력 항목과 거래 조건을 크게 볼 수 있습니다.
01 · 상품 옵션 · 배송과 포장
배송·포장 방법과 수령 정보·수량을 입력하고 항목별 비용을 확인합니다.
02 · 결제 · 금액과 결제 수단
상품금액·배송비·포장비와 총액을 확인하고 결제 수단을 선택합니다.
05
거래 내역과 판매자 정산을 관리하는 화면
운영 관리자는 일반 분양·경매·맞춤 요청의 결제 내역을 구분해 조회합니다. 결제일자·상품·판매자·금액·수단과 입금 대기·결제 완료·발송 완료·수령 완료·입양 확정·환불 상태를 확인합니다. 판매자 정산은 기간별 판매금액·수수료·정산금액과 요청·완료 상태로 관리합니다.
결제와 정산을운영 메뉴로 연결합니다.
결제와 정산 화면을 원래의 가로 비율로 확인할 수 있습니다.
01 · 운영 관리자 · 결제 관리
거래 유형과 결제 상태·수단을 나눠 상품·판매자·결제자·금액을 조회합니다.
02 · 운영 관리자 · 판매자 정산
정산 기간과 판매금액·수수료·정산금액, 정산 요청·완료 상태를 확인합니다.
고객 거래와 운영 처리의 연결
분양·경매·맞춤 요청은 가격 결정 방식과 참여 조건이 달라 각각의 흐름과 상태로 구분했습니다. 결제 이후에는 발송·수령·입양 확정·환불 등 거래 상태와 운영 처리를 연결하고, 회원·판매자 승인·커뮤니티·신고를 관리자 메뉴로 나눴습니다.
고객 앱은 Angular·Ionic·Capacitor, 운영 관리자 웹은 Angular로 구성했습니다. Firebase 인증·데이터베이스·스토리지·Cloud Functions를 사용하고, 결제와 알림을 PortOne·OneSignal로 연결했습니다.
RELATED WORK
비슷한 구조의 포트폴리오
같은 준비 상황이나 서비스 구조를 가진 포트폴리오를 이어서 확인해보세요.
커머스·결제 구조가 비슷한 사례
크리에이터 멤버십·콘텐츠·소통을 연결한 반응형 웹 ‘팬스테이지’
팬의 구독·콘텐츠 이용과 크리에이터의 발행·매출·정산 업무를 역할별 화면으로 연결했습니다.
포트폴리오 자세히 보기
매칭·중개 구조가 비슷한 사례
경기 모집·채팅·후기를 연결한 축구·풋살 앱 ‘매치스토리’
경기 모집·채팅·마감·후기를 하나의 이용 흐름으로 연결했습니다.
포트폴리오 자세히 보기
매칭·중개 구조가 비슷한 사례
친구 탐색·매칭과 실종 제보를 연결한 반려동물 앱 ‘키키토키’
친구 매칭과 실종 제보를 목적에 맞는 대화로 연결
포트폴리오 자세히 보기RELATED GUIDE
비슷한 앱을 준비할 때 함께 볼 가이드
이 사례와 비슷한 서비스를 준비하면서 업체·견적·일정을 결정할 때 확인할 내용을 정리했습니다.