Product Visualization and Configuration
Combine product imagery, configurable options and Print Area-aware artwork placement to create clearer customization experiences.
Where it fits
Interactive Example
Switch views, sizes and modes. The Print Area dimensions change with the size; the artwork’s placement within it does not.
Choose a mode, view, color and size, and toggle the overlays.
Product Preview
Mode
View
Color · White
Size
Overlays
The Problem
Customers decide with their eyes. The preview has to be convincing without becoming the thing that gets printed.
Challenge: Customers cannot picture how options change the product.
With Printzoe: Views, colors and option groups are selected in the same place they design.
Challenge: Previews distort the real print dimensions.
With Printzoe: Artwork is placed in millimetres relative to the Print Area, independent of the image.
Challenge: Not every product has good imagery.
With Printzoe: Products without images use Print Surface presentation instead.
Challenge: Changing size breaks the layout.
With Printzoe: Normalized placement keeps artwork in proportion across size-specific Print Areas.
Visualization Types
Choose the presentation that suits each product. Items marked In development or Custom implementation are explained in the legend.
For flat products where the print surface is the product.
Artwork-only editing
Products such as business cards can be designed without a product image.
Print Surface presentation
The flat printable surface is shown on its own, at its physical proportions.
Product-independent workflows
The same Designer works whether or not a product has imagery.
Artwork shown on product photography or renders.
Base product image
Each product shows its configured base image behind the design.
Active-view image
Switching views shows the image for that side of the product.
Artwork placement on the product
Artwork sits in the Print Area mapped onto the product image.
Overlay layersIn development
Layers drawn above the artwork, such as textures or stitching.
Shadow and highlight layersIn development
Lighting layers that make artwork sit naturally on the product.
Product choices made alongside the design.
Option groups
Products define groups of choices, such as material or finish.
Default options
Every group starts from a configured default.
Selected options
Customer selections are kept with the design session.
Product colors
Customers choose from the colors configured for the product.
Active views
Front, back and other views are switched without losing work.
Custom visualization renderersCustom implementation
Renderers are resolved per product, so specialised previews can be scoped as project work.
The physical truth behind the preview.
Physical Print Area
Print Areas are defined in millimetres, not pixels.
Active Print Area
The selected Print Area is highlighted with its boundary and label.
Measurement labels
Live element sizes and Print Area dimension lines in millimetres.
Workspace-mode switching
Move between Product Preview and Print Surface in one action.
Zoom-aware screen placement
Elements stay aligned to the Print Area at every zoom level.
Zoom-invariant physical values
Zooming changes what you see, never the printed dimensions.
Measured safe zoneIn development
A safe-zone guide drawn to the product’s configured value.
Measured bleedIn development
A bleed guide drawn to the product’s configured value.
Principles
Product imagery is a presentation layer. These rules keep it separate from the artwork.
Only the design elements are stored, never the product image.
Placement is measured against the Print Area, not the photo.
Guides, labels and handles are screen-only and never stored with the design.
Every element belongs to one view and one Print Area.
Switching the product view switches the design content with it.
Normalized positions keep artwork proportional across sizes.
Everything a customer edits lives in the Designer, above the product.
Configuration Workflow
The order in which product decisions resolve before artwork is placed.
Who It Is For
Sees the product they are ordering while they design it.
Defines views, sizes, colors and option groups once.
Walks customers through choices with an accurate preview.
Prepares imagery and scopes specialised renderers.
Business Outcomes
Customers see their choices before they commit.
Previews never alter what gets printed.
Products with and without imagery use the same Designer.
Views, sizes and options are defined once and reused.
Implementation
Good visualization starts with consistent product data and imagery.
One image per view, prepared at consistent angles and proportions.
Print Areas positioned on each view and size in millimetres.
Choices and defaults agreed for each product.
Products that need a custom renderer are scoped as implementation work.
Questions
No. Artwork is positioned relative to the Print Area in physical units. The product image is a presentation layer and never changes the design’s geometry.
Yes. Each product can define several views, such as front and back, each with its own image and Print Areas.
Not yet. Customers can select a product color, but the product image does not currently change with it.
Options are defined in product configuration as groups of choices, each with a default selection.
A flat view of the printable surface at its physical proportions, without the product image. It shows exactly what will be printed.
No. Safe zones, bleed lines and other guides are screen-only and are never stored with the design.
Yes, as implementation work. The Designer resolves a renderer for each product, so specialised previews can be scoped for products that need them.
Share a product and its print requirements, and we will show how it can be configured and visualized.
Bring a sample product or workflow to your demo. We will show how it can be configured in Printzoe.