Skip to main content

Pano

Jan Meuser avatar
Written by Jan Meuser
Updated over a year ago

Step into a world of immersive storytelling with the Pano Module, your gateway to interactive scenes that captivate and engage your audience like never before. This innovative module allows you to create expansive vistas filled with assets and modules, inviting users to explore every corner of your ad. With intuitive motion controls and seamless swiping motions, users can navigate through larger views with ease, adding a sense of novelty and interaction to the experience. Whether it's showcasing panoramic landscapes, interactive product tours, or captivating brand narratives, the Pano Module transforms your ads into captivating journeys of discovery.

Use cases

  • Display panoramic images and let the user discover content through their own movement

  • Display panoramic video content that lets the user discover parts or show how dynamic something is

Example

This is a more complex example of what the pano can do. It moves in both dimensions with custom sizes and uses parallax effects on its' assets to create a highly dynamic ad experience.

As with all examples, you can request us to copy them over to your company so you can look at how they are built in detail.

Pano mode

With this dropdown, you can choose between the following modes:

  • Horizontal - The pano moves horizontally only

  • Vertical - The pano moves vertically only

  • Both - The pano can be moved in both dimensions

  • Custom - This option lets you set up the ratios of both dimensions manually, so you have more control over the amount of space the user can move in both directions

Initial animation

This toggle lets you activate the initial animation, which shows the user in which directions the pano can be moved. Alternatively you can turn it off.

Initial start position

You can set up the initial start position of the pano module with these icons. You can select from 3 positions for horizontal/vertical mode and 9 for the "Both" option.

Dark gyro notification

This option lets you toggle between a light and a dark version of the gyro notification that will pop up on mobile end devices, asking the user to allow the motion controls for your creative.

Show scrollbars

This option allows you to show/hide the scrollbars which indicate how far your content can be scrolled/moved. It can look cleaner without them, but there may be cases where you want the user to know how far he can go inside the pano.

Device motion multiplier

With this slider you can set how fast the pano will move with the users inputs. A higher value will require less movement/swiping of the user to move in one of the directions.

Pano scale mode

You can select from three options via this dropdown, which control how the pano content scales to the pano:

  • None = Will just set the image/video container to the pano container size

  • Fit Height = Will fit the image/video container to the pano's height while keeping the ratio of the pano module

  • Fit Width = Will fit the image7video container to the pano's width while keeping the ratio of the pano module

Background Image or video options

Here you can drop your asset (Either image or video) and set a few positioning-related options, similar to the Asset module. If you add a video, you'll also get another tab with video options regarding controls visibility, positioning and the option to loop.

Properties & Clickout

As for the Background module, the pano module allows you to change different properties like the opacity seperately in the "Properties" tab.

Also, you can set up a clickout link for the pano module as usual.

Interactions

The pano offers all standard triggers & actions that the Background module offers as well. Furthermore, the pano module offers:

Triggers

  • Pano engagement (any) - Triggers on any kind of engagement with the pano movement

  • Pano engagement (left) - Triggers if a user has engaged on the left side of the pano

  • Pano engagement (center) - Triggers if a user has engaged on the center (horizontal) of the pano

  • Pano engagement (right) - Triggers if a user has engaged on the right side of the pano

  • Pano engagement (top) - Triggers if a user has engaged on the top of the pano

  • Pano engagement (bottom) - Triggers if a user has engaged on the bottom of the pano

  • Pano engagement (middle) - Triggers if a user has engaged on the middle (vertically) of the pano

  • Pano ready - Triggers once the pano module is loaded

  • Pano user interaction - Triggers when a user first interacts (can be just a touch of the module too)

Actions for other modules

The pano module offers an action that other modules can trigger via an interaction:

  • Play pano video - Lets you start the video in the pano (if it isn't already running) from another interaction

Did this answer your question?