mobile-menu

Venice 360° Interactive Video - What It Can Do?

20/04/202120/04/2021
TutorialsTutorials
3 min read3 min read
Written by Cinema8
@Cinema8

Cinema8 enables you to make travel or place introduction videos with its effective interactive tools. In this article, let's examine what we have done with Cinema8 in our promotional video about Venice Square.


Video Link: cinema8.com/video/mJddVWJZ


In this project, we wanted to prepare such a project to show how it would be if a square was promoted in CInema8 over Venice square. We used Cinema8 while preparing this square presentation. The use of Cinema8 has given us a wide range of interactivity.


First of all, the video we use is a 360° video shot from a fixed location, seeing the whole square. Here in the video, it is aimed that when a person who does not know the square watches this video, he / she will know the answers to questions such as which store or hotel is in the square, the names of the historical buildings. Also, several buttons that offer CInema8 interaction tools have been added.


Buy product button - Brand advertisement
The first of these is the McDonald's advertisement button that appears when the video is first opened.

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 1

 

McDonald's advertisement button is a gif prepared before and it is intended to open a screen where viewers can buy products when clicked. Here, Cinema8 "Image" element is used. If the viewers click the button, an image like the one below will appear;

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 2

If the viewers click the "Try It Now" button on the screen that opens, they will be directed to the link "https://www.mcdonalds.com/us/en-us/full-menu/burgers.html", which is the link where McDonald's products are displayed. For link redirects, Cinema8 "Open URL" feature was used.

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 3

 

Building information
In the 360° Venice video, there are two buttons to learn the names of the buildings. One of these;
Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 4

When the yellow info button visible in the image is clicked, the name of the building will appear in front of the viewer. Here, it is intended that a person entering the video can easily learn the names of the buildings in the square. The visual that the name of the building appears when the button is clicked;

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 5

 

Artist information - Redirecting to social media accounts
There is one musician in 360° Venice video. This musician has a clickable area that is not visible above it. This invisible button is prepared with Cinema8 "Clickable Area" element.
Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 6

 

When the audience clicks on the musician, an image like the one below will appear.

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 7

Twitter and Instagram icons in the opened image are buttons and work. Any link can be given to these images via Cinema8. In the example in the video, it is aimed to place the social media accounts of the musician on the screen.

 

Square location - Map
There is a "Map" button in one area of the video.

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 8

Clicking this button will display the location of "Google Maps" of Venice Square in the video.

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 9

This interaction is realized with Cinema8 "HTML" element. With "HTML", an element that you can embed code into your video, you can embed objects that you can access to your video. Spotify playlists, Youtube videos, Google maps are just a few of them ...


Hidden clickable areas - Shop ad
In this area, a video of the Tezenis store in the square was requested. As seen in the image below, there is no button on the store. Here, too, the Cinema8 "Clickable Area" element, which can be used as an invisible button like the musician in the square, was used.

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 10

When you click on the tenezis store, the advertisement video placed in the video appears. The advertisement video that came to the screen was taken from Youtube and placed in the video with Cinema8 “HTML” element. Here, a viewer browsing the square is intended to get information about the store.

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 11

 

Blinking clickable areas - Hotel ad
Another building we want to promote in the square is the hotel in the square. As you can see in the image, we placed a white button on the hotel.

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 12

This white button is blinking and attracts the attention of those who see it. When the button is clicked, a promotional video is displayed, as in Tezenis.

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 13

 

Share button - Sharing on different platforms
There is a share button on the top right of the video.
Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 14

The aim here is for viewers to share the video on social media platforms or via mail. The design of this screen, opened with the Cinema8 "Share button" feature is as follows.

Cinema8 Blog - Venice 360° Interactive Video - What It Can Do? 15