Ibrahim Abdulrahman
All work
In Progress2026E-commerce

KHK

A clothing store where customers design their own top and see it in 3D before ordering

Screenshot of KHK

Overview

Give a clothing brand's customers a real 'design your own' experience, where they can see the garment change as they make choices, instead of picking from a few dropdowns.

The problem

Made-to-order clothing sites usually reduce customisation to a handful of dropdowns with no visual feedback. Customers commit to an order without seeing what they'll get.

What I built

A custom top builder with a real-time 3D preview, driven by options for neckline, sleeve, fabric, colour and print placement, with a live price breakdown and a shareable design link. It sits inside a full store with catalogue, cart, checkout, sign-in and an admin mode.

My role

Solo: built the customiser's geometry (garment outlines, the 3D model, pricing rules, and matching a custom design to the nearest catalogue product), plus the store around it.

Technical challenges

Generating correct garment shapes from a small set of choices (neckline, sleeve, fit) without drawing every combination by hand, and keeping the 3D preview, 2D illustration and price in sync from one shared set of options.

Current status

In Progress

In progress. Phase 1 of a planned five-phase build. The customiser, catalogue and checkout work end to end on demo data; live payments (Paystack/Flutterwave) and the production database are next.

What it does

  • Real-time 3D garment preview for neckline, sleeve, colour and print
  • 2D garment illustrations generated from the same shapes, for fast previews
  • Price breakdown that updates as options change
  • Shareable links to a customer's exact design
  • Full store on demo data: browsing, customising, signing in and checkout all work

Technology

Next.js 15TypeScriptTailwind CSS v4Three.jsZustandSupabasePrismaVitest

Need something like this for your business?

Tell me what you're working on and I'll get back to you.