ccs studio

[ 02 / product-diy ]

2025

PRODUCT DIY.

E-commerce AI background editor · virtual try-on.

PRODUCT DIY hero
CLIENTccs studio
YEAR2025
ROLEDesign + Build
TIMELINE6 weeks
STACKNext.js · Vertex AI · Stripe

↳ THE CHALLENGE

E-commerce photos, without Photoshop.

Small Malaysian merchants can't afford a new product shoot every campaign. Hiring a studio costs thousands of ringgit per batch; Photoshop has a three-year learning curve; subscription-heavy tools like Canva charge monthly whether you use them or not. Meanwhile their competitors in KL, Singapore, and Jakarta ship three new product variations a week.

The real challenge wasn't the AI — five different workflows had to feel like one tool.

↳ THE APPROACH

Five tools. One canvas.

Built on a single Fabric.js canvas: swap a product's background via Google Vertex AI, run a virtual try-on for fashion, cut out the subject with imgly's background-removal model, OCR + translate on-image text across English / 中文 / BM, then open the advanced layered editor to fine-tune. Everything pipes into one workflow with a credit-based Stripe checkout — no subscription, no platform lock-in.

Merchants upload one product photo and walk out with ten campaign-ready variants. Malaysia first, global on the roadmap.

↳ OUTCOME

Shipped with craft.

05AI tools unified in one canvas
03Locales from day one (en · zh · bm)
00Subscriptions required — credits only

↳ NEXT PROJECT

TRAVEL MY