Case study · Ecommerce automation
An illustration system for ecommerce automation
A polished indigo 3D family turns product discovery, operations, pricing, and growth into one continuous visual journey.
Input
The public brief
The source website and customer identity are intentionally withheld. The public brief was to explain an ecommerce automation journey—from finding products through operating and scaling a store—with one recognizable visual language.
Visual reading
Signals visible in the finished system
- A cool indigo and lilac palette with pale interface-like panels.
- Rounded, glossy 3D forms that make operational concepts feel tangible.
- Isolated transparent objects sized for modular website sections.
- A sequence that moves from search and product selection to plans and scale.
Art direction
The selected visual world
Polished indigo objects: a restrained 3D system with consistent bevels, lighting, panel details, and soft grounding shadows.
Only the selected direction survives in the public project record. The other three candidates and the customer decision notes remain private, so they are not reconstructed or presented as fact.
System rules
How the pack stays coherent
- Keep the indigo material family and cool highlight temperature consistent.
- Use one primary object per concept, with small secondary pieces only when they clarify the action.
- Preserve the same three-quarter camera angle and rounded edge language.
- Export every scene on transparency so layout color stays controlled by the page.
Placement map
One story across the page
- Hero: the parcel-like system object introduces the automation promise.
- Workflow sections: search and product objects explain discovery and selection.
- Feature sections: grouped container, item, and tool layers explain operations.
- Pricing: two plan objects distinguish package tiers without changing medium.
- Closing section: the scale scene resolves the story as growth.
Transparent pack
The published artwork family
13 transparent WebP scenes form the published static pack.
Container, item, and object files remain separate, allowing motion to be added without cutting subjects out of a flattened background.
Implementation
Notes for shipping the assets
- Use intrinsic dimensions and responsive object-fit sizing to avoid layout shift.
- Lazy-load below-the-fold scenes; the representative hero can receive priority only on this page.
- Keep decorative constituent layers silent to assistive technology and describe the complete decision in nearby text.