배경
IT 에이전시를 위한 B2B 마켓플레이스입니다. 에이전시가 가입해 최신 프로젝트를 둘러보고, 맞춤 소프트웨어 계약으로 이어질 리드를 구매합니다. 출시한 것은 가입, 목록, Stripe 결제로 이어지는 흐름 전체이며, 프로덕션에서 동작했습니다.
제품 · 0 → 1 — 2023
B2B 그랜트 앱
IT 에이전시가 맞춤 소프트웨어 계약으로 이어질 리드를 구매하는 마켓플레이스입니다. 데이터 모델, 프런트엔드, 결제 경로까지 두 달 만에 만들었고, 이후 제품이 그랜트를 받았습니다.
만든 것
가입과 로그인이 있는 랜딩 페이지, 최신 프로젝트 목록, 그리고 Stripe를 통한 리드 구매입니다. 데이터 계층은 Directus가 맡아 스키마와 콘텐츠를 관리합니다. 프런트엔드는 전부 Vue입니다.
아키텍처
구성은 세 부분, 의도적으로 최소한으로 잡았습니다. Vue 프런트엔드가 Directus API와 통신하고, 결제는 Stripe가 처리합니다.
어려웠던 점
두 가지가 설계를 좌우했습니다. 첫째, 정보를 파는 제품은 브라우저 요청만으로 리드를 열어줄 수 없습니다. 접근 권한은 클라이언트가 아니라 결제가 결정해야 했습니다. 둘째는 범위였습니다. 개발자 한 명, 두 달.
결과
제품은 프로덕션에 올라갔고, 이후 그랜트를 받았습니다. 데이터 모델, Directus 세팅, 프런트엔드, 결제 흐름까지 모든 레이어가 제 몫이었습니다.