165 design references

Jesper Landberg · architectural panels in rotation

Reel by Andrew Chornyy

Stand the projects in a row and leave the next panel in view, so the screen does not look like one finished picture and the turn shows there is more work.

Visit website · Jesper Landberg

What to look at

The first two seconds are a man in a car. Then a monitor fills the frame: the tab reads Jesper Landberg, the page is black, and the floor is a grid. Project screens sit on curved panels in a row. At about three seconds the front panel is an illustrated market labeled Book of Happiness, with a card that reads CH. FIVE, and the next panel is bent away on the left. The row turns. A landscape with two people comes forward, and then a dark panel with the large numbers 06, 07, 08, and 09. Round arrow buttons sit under the row, and a pointer rests on the screen.

The front panel is labeled Book of Happiness, with a card that reads CH. FIVE. The next panel is still in view, bent to the left, and a round arrow sits on the card.
The front panel is labeled Book of Happiness, with a card that reads CH. FIVE. The next panel is still in view, bent to the left, and a round arrow sits on the card.
Later the row has turned to a dark panel of large numbers, with round arrows under it. The panel beside it is too bent to read.
Later the row has turned to a dark panel of large numbers, with round arrows under it. The panel beside it is too bent to read.

Why it works

A row that shows its neighbor does not look finished. Nielsen Norman Group calls the opposite problem the illusion of completeness: "Users can think they see the entire web page, although additional content exists off-screen." On a website, a sideways set is easy to miss, so the same research asks for a piece of the next item still in view, and for arrows you can see without hovering. The bend does that job. The side panel is the proof of more work, and the arrows sit under the row. Turning the row, instead of swapping the picture with no motion, is also how a visitor can tell they moved along one set. A person who catches only the market can still leave thinking the studio is that one book. These findings are about websites. The lines burned onto the video are not the interface.

Try it

  1. Leave the next project panel partly in view, cut off or turned, so the row does not look like a single picture.
  2. Put the project name on the front panel in large type, as Book of Happiness is labeled under that card.
  3. Keep the arrow buttons visible without a hover, and show how many projects are in the row.
  4. Print the same names in a plain list on the page, so the work is still there if the 3D view does not run.
  5. If a visitor has asked for less motion, park the row and leave the arrows.

What it costs

The side panels bend so far that a name on them can disappear. In this clip the landscape panel's label could not be read. The homepage HTML has eight project cards, more than the five people are likely to step through, and someone who only sees the market can take that one book for the whole studio. A turning row can also sicken someone who asked for less motion. That HTML has no prefers-reduced-motion rule, and the live canvas was not played, so this pass did not see whether the row still turns on its own.

Words worth knowing

Sources