360° virtual tour · Unitech

360° virtual showroom

A virtual showroom for an entire range of packaging machines, modelled in Blender and explored in 360°.

Client
Unitech
Context
Firewall Srl
Year
2021
Status
Live
Role
Sole designer and developer
Platform
Web browser · 360° tour
Stack
  • Blender
  • Cycles
  • HTML
  • CSS
  • JavaScript
Rendered entrance of the Unitech Lab, a white stand under a Unitech sign, blue machines in the pavilions behind it.

A showroom that does not exist

Unitech builds packaging machines that weigh tonnes and stand metres tall: they cannot travel to a customer meeting, and the whole range does not fit in one showroom. The sales team needed a place to send customers to see all of it from a browser, at any time.

My answer was a hall that exists only in 3D, where every family of machines has its own pavilion and a customer can walk through all of them. I worked on it alone, as a contractor for Firewall, from the empty Blender file to the published tour.

A hall, not a catalogue

A catalogue lists products; a hall arranges them, and the arrangement tells customers how the range is organised before any text does. The plan came first: eight pavilions, one for each product family, around a planted aisle that tells you which side of the hall you are on, and a semicircle at the end with complete example lines, where single machines become a working system.

Each pavilion is sized on the largest machine it holds, with enough room for a camera to stand between machines and see each one whole. Banners hang high, so they can be read from across the hall, and name the family below them: they are the signage of the tour.

Plan of the hall in Blender, top view: eight pavilions around a planted aisle, a semicircle of example lines at the end.
Plan of the hall, entrance on the left.
Side elevation of the hall in Blender: machines, the central Unitech stand, the Handling Systems banner above.
Elevation: banners above the machines, readable from a distance.

From CAD to scene

The machines came from Unitech’s engineering as SolidWorks production files: every bolt a separate body, surfaces split at random, no materials. I cleaned each model, gave it materials and placed it in its pavilion, and modelled the building, the stands and the furniture from scratch.

The final scene holds 1,630 objects and about 20 million triangles, 96 % of them in the machines. Collections follow the catalogue, family by family and model by model, so an update from Unitech touches one collection instead of the whole scene.

The wrapping pavilion in the Blender viewport, solid mode: blue stretch wrappers and conveyors under white arches.The same view in wireframe: the machines are dense, the building is light.
The wrapping pavilion in the viewport, solid and wireframe.
The machines alone in the viewport, without the building.
The machines alone: almost all the weight of the scene.
Blender with the outliner open on collections for each product family, model and example line.
The scene is organised like the catalogue.

Directing the viewpoints

A 360° tour has no free camera: visitors can only stand where a camera was placed, so choosing those points was the real design work, closer to directing than to modelling. Every pavilion has an overview and one point per machine, close enough to read the machine and far enough to keep the pavilion around it. From each point the next one is in sight, so moving through the hall feels like walking rather than jumping between pictures.

In Blender every viewpoint is a camera bound to a frame of the timeline, and the 56 viewpoints render as one Cycles batch: a change to the lighting or to a machine costs one re-render, not 56 exports.

The entrance viewpoint as rendered: one 2:1 equirectangular image holding the whole 360°.
The entrance as rendered: one 2:1 image holds the whole view.

The interface

The panoramas play in a standard player. The layer visitors touch, on top of it, I designed and coded in HTML, CSS and JavaScript: a menu that follows the hall with the same families in the same order, a map of the hall that shows where you stand, hotspots on each machine that open its product sheet and video, a switch between Italian, English and Spanish, and requests for a guided tour or a video call with sales.

The tour is a sales tool, so every route ends at a person: one click from a machine to its product sheet, one more to sales. It went live in April 2022 and is still online, as I delivered it: visit the tour.

Contact

Have a role or a project in mind?

alessandro@aqdesign.it