CanxLab / 3D can design editor

In depth

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

Details

Stack

• Pyro
• React
• Three.js
• Stripe

Imagery

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

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.

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

• 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

JVVDESIGN

Work with Jan-Willem

JVVDESIGN

Product, System & Experience design. Brand systems, product UX/UI, and front-end development. Selected work and senior-level craft for teams that need to ship.

[email protected] · +31 6 43 11 34 82 · Amsterdam · Netherlands

KVK 77188659 · BTW NL003159241B29

Home · Projects · Case studies · Winston · I take the time to understand complexity · Details matter! · I take ownership in what I make · llms.txt · llms-full.txt