I designed and built Crossplate for Orrivane, a fictional optical-instrument maker. This independent study started with a product-page question. If the appeal of an object is what happens when you turn it, how do you let someone understand that on a screen?
The opening shows the whole instrument on powder blue. A small orange mark on its black rim gives the eye a fixed point. That mark reappears when the view shifts overhead and bands of amber, teal and plum move across the glass. Farther down the page, an exploded drawing separates the rotating upper plate, the fixed lower plate and the housing.
The hardest part was showing a small change in angle. I built a split view that holds the left half at 24° while the right follows the visitor’s dial. Both readings meet at the same centerline, so you can follow a single contour across the join. The visitor can save that exact view as a 1440 × 1800 PNG, with the angles printed beneath the image.
I handled the art direction, interaction design and frontend development. The site uses HTML, CSS and JavaScript, keyboard-operable controls and a visible motion switch. The instrument and simulated color fields are original, AI-assisted procedural concept imagery. The final image in this gallery is a print I saved from the working viewer at 73°.
The orange mark on the rim gives the eye a fixed point. AI-assisted procedural concept imagery.
A 24° reference holds on the left; the analyzer is set to 72° on the right. AI-assisted procedural concept imagery.
The mobile construction drawing separates the rotating analyzer, fixed plate and housing. AI-assisted procedural concept imagery.
An actual field print from the viewer: 24° on the left and 73° on the right. AI-assisted procedural concept imagery.
0 likes · 0 views · Nov 13, 2026
An independent study of a fictional optical instrument, with a split-view angle control and downloadable field prints.
