Home/Case Studies/Spaarkd
CASE STUDYOTHER · 3D MERCHANDISE CUSTOMISATION STUDIO

Spaarkd

A creator commerce platform where creators design merchandise in a 3D studio, launch time-limited drops, and sell through a Stripe-powered marketplace with loyalty rewards.

34Weeks operated
4k+Hours of work
10Engineers

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.
⊛ Live in production

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.

How it was built, phase by phase.

8 workstreams across 34 weeks of operated delivery

  1. (001)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
  2. (002)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
  3. (003)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
  4. (004)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
  5. (005)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
  6. (006)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
  7. (007)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
  8. (008)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

Related work

More case studies from the same space.

Spyne
Other(001)

Spyne

White Label Dealer Website Builder

An automotive retail platform that gives dealers AI-enhanced inventory photography, a drag-and-drop website builder, digital contracting, and real-time analytics in one console.

94 weeks15 engineers
Opinito
Other(002)

Opinito

Opinionated Social News App

An opinion-first social news app that ingests articles automatically, personalises every feed by interest, and builds a social graph from Love/Hate reactions on each story.

56 weeks8 engineers
Jify
Other(003)

Jify

Ewa Flutter Mobile

An earned wage access and personal loan platform, with a Flutter employee app, seamless KYC, a web onboarding PWA, employer payroll dashboards, and a Kotlin Multiplatform SDK.

54 weeks2 engineers

Stop renting hours. Start running functions.

Pick the function you want off your plate. We map the brain and name the outcome before you commit.

Talk to us →All case studies