📌 JENGIO (젠지오) - Stripe 구독 기반 비즈니스 디렉토리 & 멤버십 커머스 플랫폼 구축

🔹 프로젝트 개요

• 작업 기간: 2026.04 – 2026.06
• 작업 범위: 구독 커머스 플랫폼 UI/UX 기획 및 디자인, Next.js 풀스택 개발, Stripe 4단계 구독 결제·비례정산·웹훅·고객 포털 연동, 비즈니스 스토어프론트·디렉토리, 관리자 결제/구독 관리 패널 구축, 배포 운영
• 사용 도구: Next.js 15 (App Router), React 19, TypeScript, Tailwind CSS, Prisma ORM, Supabase(PostgreSQL · Storage · Auth), Stripe(Checkout · Webhook · Customer Portal), Resend, Zod, Vercel

🔹 프로젝트 목적

JENGIO(젠지오)는 흑인 소유 비즈니스를 위한 'Digital Black Wall Street' 멤버십 커머스 플랫폼입니다. 비즈니스가 구독 멤버십에 가입·결제하면 관리자 승인을 거쳐 디렉토리에 노출되는 D2C 모델로, 결제 가입부터 노출·구독 관리·해지 방어까지 이어지는 커머스 라이프사이클 전체를 자동화하는 것을 목표로 했습니다.

🔹 핵심 기술 및 구현 기능 (Key Technical Features)

• Tiered Subscription Commerce (4단계 구독 커머스):

Founding($9) · Standard($29) · Premium($99) · Partner($199) 4단계 멤버십을 Stripe Checkout으로 구현하고, 플랜 변경 시 create_prorations 기반 비례정산과 예약 변경(pendingTier)을 invoice.paid 시점에 자동 반영하도록 설계했습니다.

• Stripe Webhook & Billing Lifecycle (결제 라이프사이클 자동화):

checkout.session.completed · subscription.updated/created/deleted · invoice.paid 웹훅을 처리해 구독 상태·결제 주기를 DB와 동기화하고, Stripe Customer Portal로 사용자가 직접 결제수단·구독을 관리하도록 연동했습니다.

• Storefront & Searchable Directory (스토어프론트·검색형 디렉토리):

결제·승인된 비즈니스가 로고·갤러리 스토어프론트로 노출되고, 이름·도시·우편번호·카테고리 필터로 탐색되는 커머스 디렉토리를 구축했습니다. 이미지는 Supabase Storage로 업로드·관리됩니다.

• Admin Commerce Console (관리자 커머스 콘솔):

Leads · Listings · Subscriptions · Cancellations · Verification · Members · Dashboard로 구성된 관리자 패널을 구축하여, 구독 동기화·결제 점검 등 커머스 운영을 세션 또는 x-admin-key API로 처리할 수 있게 했습니다.

🔹 디자인 포인트

• Conversion-focused Pricing UX: 4단계 요금제의 가치를 명확히 비교·전달하고 가입→결제 전환 동선을 매끄럽게 설계하여 구독 전환율을 높였습니다.
• Trust & Retention: 'Real MyCOY' 검증 배지와 해지 방어(Cancellation Retention) 플로우로 구독 신뢰도와 리텐션을 강화했습니다.

🔹 담당 역할