Other · 3d Merchandise Customisation Studio
Spaarkd
Multi-portal B2B/B2C creator commerce platform with 3D merchandise customisation studio, factory ordering pipeline,.
The brief
Extend and productionise an existing early-stage creator commerce codebase by building out the 3D merchandise design studio, B2B factory ordering pipeline, creator profile/drop tools, and a consumer-facing marketplace — effectively transforming a minimal viable product into a multi-sided platform ready for creator onboarding and live transactional commerce.
What we built
A full-stack creator commerce platform ("Spaarkd") spanning three interconnected portals:
- a Creator Portal where social-media creators build a branded "My Page" profile, design custom merchandise using a Three.js 3D studio with AI-assisted graphic generation, schedule time-limited "drops", and track sales via a real-time analytics dashboard
- a B2B Design Catalog where brand operators configure garment orders through two European factory partners (Petratex, Calvi) with material/color/pricing logic, sample and bulk ordering, and Stripe checkout; and
- a public Marketplace where customers discover creator drops, manage a cart/bag, checkout with Stripe/Apple Pay, earn loyalty coins, use vouchers, follow creators, and engage via a Circles community feed. The platform is underpinned by a heavily iterated Supabase PostgreSQL schema with RLS policies, cron-based drop lifecycle management, transactional email notifications, and a PostHog analytics integration.
Production environment live with: creator My Page profiles, New Drop scheduling and live-drop email notifications, B2B Design Catalog with 3D customisation and Petratex/Calvi factory ordering, public Marketplace with full Stripe/Apple Pay checkout, creator analytics dashboard, social follow graph, loyalty coin/voucher system, transactional email templates, and an early-access Circles community module under active QA.
Delivery timeline
How it was built, phase by phase.
8 workstreams across 34 weeks of operated delivery.
- buildWeek 1–12 (Jun 10 – Sep 6 2024)
3D Product Customisation Studio (B2B Design Catalog)
Real-time 3D merchandise customisation engine built on Three.js supporting GLTF/GLB models, material/color/texture superimposition, logo decal placement with drag, and custom text rendering.
Creators can pick a factory's garment, apply materials/colors/textures/logos/text in 3D, and export a rendered canvas image for ordering.
Three.jsReact.jsZustandGLTF/GLBSupabaseCanvas API - buildWeek 2–20 (Jun 14 – Oct 30 2024)
New Drop Scheduling & Management (B2C)
Creator-side drop scheduling system: create/edit/delete time-limited drops with product selection and custom imagery, enforce single active drop constraint, countdown timers, live/scheduled/ended states.
Creators can schedule time-limited merchandise drops that automatically go live, notify followers via email, and transition to ended state.
React.jsNode.jsSupabaseCronRetoolJira - discoverWeek 2–14 (Jun 19 – Sep 6 2024)
AI-Assisted Design Generation
AI image generation integration within the design studio allowing creators and B2B buyers to generate garment graphic designs from prompts, with a remove-background tool and gallery picker for generated outputs.
Creators can generate AI graphic designs for their merchandise and apply them directly in the 3D customisation studio.
AIMLReact.jsCanvas APIFigma - integrateWeek 3–18 (Jun 24 – Oct 18 2024)
B2B Factory & Ordering Pipeline (Sample + Bulk)
End-to-end B2B procurement flow: factory selection (affordable vs.
Creators can place sample or bulk garment orders through two European factory partners (Petratex.
Node.jsSupabaseStripePostgreSQL RLSDockerRetool - buildWeek 3–22 (Jun 26 – Nov 4 2024)
Creator Analytics Dashboard
Creator-facing analytics dashboard with tiles for total units, orders, customers, average order value, drop statistics, top-selling regions, percentage indicators, and date/time filters.
Creators see real-time sales performance, drop analytics, and regional breakdowns in a filtered dashboard.
Node.jsSupabasePostgreSQLPostHogReact.js - buildWeek 8–16 (Aug 1 – Sep 27 2024)
Creator 'My Page' Profile & Moodboard Builder
Creator-facing public profile page including feature images, moodboard image uploads, bio, social link management, handle setup, publish/preview/discard workflow, and desktop-responsive layout.
Creators can build and publish a branded storefront profile page with feature images, moodboards, bios and social links.
React.jsNode.jsSupabaseS3FigmaJira - integrateWeek 16–26 (Sep 25 – Dec 20 2024)
Marketplace (B2C Storefront & Buyer Experience)
Customer-facing marketplace with product listing/detail pages, cart/bag management (add/remove/quantity/bundles), checkout with Stripe (including Apple Pay), order confirmation, order history.
Public marketplace where customers can browse, customise, bag, and purchase creator drops with full Stripe checkout including Apple Pay.
React.jsNode.jsStripeApple PaySupabaseBrowserStack - buildWeek 16–26 (Sep 25 – Dec 20 2024)
Marketplace Creator Profile & Social Graph (Followers/Supporting)
Marketplace-side creator profile with public pages, follow/unfollow (supporters/supporting tabs), 'Get Notified' for upcoming drops, share functionality, profile/header image uploads, curated products.
Buyers can follow creators, get notified before drops go live, and view a creator's curated brand and past drops.
React.jsNode.jsSupabasePostgreSQL RLSBrowserStack
More case studies
Related work
09 · Run a function
Stop renting hours. Start running functions.
Pick the function you want off your plate. We'll map the brain and name the outcome we'd commit to — before you do.