Skip to content
All projectsProduct customization / Portfolio demo

CraftLab

An interactive product studio that takes custom artwork from editable canvas to a complete demo order.

Project type
Portfolio demo
Our work
Product editor, storefront workflow & merchant dashboard development
Built with
Next.js · React · TypeScript · Konva · IndexedDB
CraftLabProject previewView full-size image
CraftLab product designer with a shirt preview, artwork tools and size quantities
The brief

The idea behind the work.

Custom product orders need to preserve the customer's artwork, product choices and quantities throughout the design and checkout journey. The editor also needs to make precise artwork changes approachable.

Our approach

How we brought it together.

Build a canvas editor with editable front and back layers, product previews and portable design files. Connect saved designs to a browser-local cart, simulated checkout and a merchant workspace that can inspect designs and update order status.

Take a look around

Try the experience.

  1. Choose a product and add text or artwork to its front and back.
  2. Save the design, reopen it from My designs and export an artwork PNG or editable project.
  3. Add the design to the cart, complete a demo order and inspect it in the merchant workspace.
Keep exploring

More from the studio.

ThemeFoundry marketplace with theme discovery and starter customization
Theme marketplacePortfolio demo

ThemeFoundry

A theme marketplace where visitors customize a website starter, save its design and export working source files.

Next.jsReactTypeScript
Vettedly product catalog with a featured product and editorial storefront
Product publishingPortfolio demo

Vettedly

A curated product catalog with a publishing studio, saved shortlists and a complete draft-to-storefront workflow.

Next.jsReactTypeScript
Your next chapter

Have something
worth building?

Bring your idea, your current website or a problem to solve.

Let’s talk about it