---
title: "CanxLab / 3D can design editor - JVVDESIGN"
description: "Together with FlintandSteel, we designed and developed a 3D can designer in assignment for canxlab. A unique concept for an emerging market of custom beverage cans."
image: https://jvvdesign.com/images/projects/flintandsteel-canxlab/cover.webp
url: https://jvvdesign.com/projects/flintandsteel-canxlab
---

# CanxLab / 3D can design editor - JVVDESIGN

### CanxLab / 3D can design editor

https://jvvdesign.com/projects/flintandsteel-canxlab · 2025 · web · web ·
client: CanxLab · role: Frontend Engineer & Designer · featured on the
homepage

Together with FlintandSteel, we designed and developed a 3D can designer in
assignment for canxlab. A unique concept for an emerging market of custom
beverage cans.

In depth: My role specifically was related to the design and development of
the editor and additional flows.

Stack: Pyro, React, Three.js, Stripe

Tags: E-Commerce, Unique, Mobile UI

Visual direction: A sleek laptop and mobile screen mockup displaying a
high-conversion e-commerce checkout flow next to a custom interactive 3D
product configurator.

Cover image: CanxLab Can Editor: editing the 'Our special edition' label in
the text tab

Demo video: Editing demo: screen recording of the CanxLab Can Editor, from
typing label text to the 3D crushed-can view

Case-study imagery:

- CanxLab Can Editor: photo canvas with uploaded artwork and live 3D can
  preview
- CanxLab: 'Order received!' confetti celebration around a custom-designed can
- CanxLab Can Editor: empty print canvas with the 'Add or drag images and
  text' prompt
- CanxLab: fullscreen 3D can preview with Regular/Crushed toggle and View in
  AR
- CanxLab: crushed 3D can view of a finished custom design
- CanxLab: 'Een Blikje bier online bestellen' customer flow diagram from idea
  to order

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://jvvdesign.com/#website",
      "name": "JVVDESIGN",
      "url": "https://jvvdesign.com",
      "inLanguage": "en",
      "publisher": {
        "@id": "https://jvvdesign.com/#organization"
      }
    },
    {
      "@type": "Organization",
      "@id": "https://jvvdesign.com/#organization",
      "name": "JVVDESIGN",
      "alternateName": "Jan-Willem van Vulpen Design",
      "url": "https://jvvdesign.com",
      "email": "janwillem@jvvdesign.com",
      "telephone": "+31643113482",
      "logo": "https://jvvdesign.com/images/logo-placeholder.svg",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Amsterdam",
        "addressCountry": "NL"
      },
      "sameAs": [
        "https://www.linkedin.com/in/janwillemvanvulpen"
      ]
    },
    {
      "@type": "WebPage",
      "@id": "https://jvvdesign.com/projects/flintandsteel-canxlab#webpage",
      "url": "https://jvvdesign.com/projects/flintandsteel-canxlab",
      "name": "CanxLab / 3D can design editor - JVVDESIGN",
      "description": "Together with FlintandSteel, we designed and developed a 3D can designer in assignment for canxlab. A unique concept for an emerging market of custom beverage cans.",
      "isPartOf": {
        "@id": "https://jvvdesign.com/#website"
      },
      "about": {
        "@id": "https://jvvdesign.com/#organization"
      },
      "primaryImageOfPage": {
        "@type": "ImageObject",
        "url": "https://jvvdesign.com/images/projects/flintandsteel-canxlab/cover.webp",
        "caption": "CanxLab Can Editor: editing the 'Our special edition' label in the text tab"
      },
      "inLanguage": "en"
    }
  ]
}
```