JENGIO
DESCRIPTION
Membership Commerce — Subscription Platform
DURATION
Apr 2026 - Jun 2026
MY ROLE
- Full subscription commerce platform planning and UI/UX design.
- Full-stack Stripe integration — four-tier billing, proration, webhooks, customer portal.
- Prisma and Supabase data modelling; directory, storefront and admin billing panel development; Vercel deployment.
TECH
Next.js 15 (App Router) · React 19 · TypeScript · Tailwind CSS
Prisma ORM · Supabase (PostgreSQL · Storage · Auth) · Zod
Stripe (Checkout · Webhook · Customer Portal)
Resend · Vercel
Project Purpose
JENGIO is a "Digital Black Wall Street" membership commerce platform for Black-owned businesses. A business subscribes, passes admin verification, and appears in the directory — a D2C model where the listing is the product. The goal was to automate the entire commerce lifecycle, from payment signup through exposure, subscription management and cancellation retention, so that operating it does not require a spreadsheet.
Scope
- · Subscription Commerce UI/UX Planning & Design
- · Next.js Full-Stack Development
- · Stripe 4-Tier Billing, Proration, Webhooks, Customer Portal
- · Storefront, Directory & Admin Commerce Console
Key Technical Features
Tiered Subscription Commerce
- · Founding ($9), Standard ($29), Premium ($99) and Partner ($199) memberships run on Stripe Checkout.
- · Plan changes use create_prorations, and scheduled changes (pendingTier) are applied automatically at invoice.paid rather than on click.
Stripe Webhook & Billing Lifecycle
- · checkout.session.completed, subscription.updated/created/deleted and invoice.paid are handled to keep subscription state and billing cycle in sync with the database.
- · Stripe Customer Portal lets subscribers manage payment methods and plans directly, removing an entire support queue.
Storefront & Searchable Directory
- · Paid and approved businesses appear as logo-and-gallery storefronts.
- · The directory filters by name, city, postcode and category, with imagery uploaded and managed through Supabase Storage.
Admin Commerce Console
- · Leads, Listings, Subscriptions, Cancellations, Verification, Members and Dashboard.
- · Subscription sync and billing checks run either from session or via an x-admin-key API.
Design Points
Conversion-focused Pricing UX
Four tiers only convert if their relative value is obvious at a glance; the comparison and the signup-to-payment path were designed as one continuous movement rather than two screens.
Trust & Retention
A 'Real MyCOY' verification badge and a cancellation retention flow strengthen the two things a subscription business actually runs on — credibility at signup and friction at exit.