Self-Design Print Studio (Print-on-Demand)
Studio In Tự Thiết Kế (Print-on-Demand)
Print-on-demand platform: drag-and-drop designer on the web (t-shirts, bags, mugs, stickers, posters, decals) — order printed and shipped directly.
Problem
Individuals and small shops want to print 1-50 customised items (team t-shirts, gift mugs, brand stickers, event posters), but traditional print shops require finished PSD/AI files, have high MOQs, and run cumbersome processes. They need a visual web canvas to design themselves + order on the spot.
Architecture
Next.js 15 + Konva canvas (drag-drop) → text/shape/upload layers + template library → 3D mockup preview per product type → Node + Postgres backend → split into print files (PNG 300dpi + SVG cut path) → push to print partners via API or queue dashboard → ship via GHN/GHTK API. VietQR + Stripe checkout.
Stack & rationale
- Konva.js: performant 2D canvas with built-in layer/transform/snap-grid.
- 3D mockup via Three.js + texture map: customers see the design on the actual product before printing.
- Template library (200+ free): customers without design skills can still order.
- GHN/GHTK shipping API instead of partner-ship: real-time tracking for the customer.
Results
| Metric | Value |
|---|---|
| Orders / month | 2,800+ |
| AOV | ~$11.5 |
| Avg time-to-design | 6 min (template users) |
| Print mismatch rate | <1.2% (SVG cut path is accurate) |