Augmented Reality & Annual Report
Hello, habrasoobschestvo.
I will share the experience of our studio with augmented reality on the example of the 2009 annual report of FIABANK.
What is the annual report, I think many people know. This is a fairly traditional established format, in which banks and designers try to surpass their colleagues / competitors in creativity, beauty, sophistication, fun, seriousness. In short, this is a professional and meaningful show off. Dress code, if you will, when entering a serious banking community.
Designers and marketing / PR / advertising departments struggle every year to find new means of expression, but they are always limited to 50-60 sheets of expensive paper. And suddenly it appears - augmented reality. Why not? - our good friends asked themselves - the guys from the agency B5 , who worked on the annual report of FIABANK. Then they asked us the same question. Thus the task was born: to supplement the annual report with augmented reality. Combine the classics and modernity. Make friends old and new. How did this work go?
')
To begin with, it was necessary to determine the concept.
In any annual report a lot of information. Figures, graphs, analysis. As a rule, such dry statistical information is rather difficult to perceive. Why not make her live? - we thought. Add animation, sound, visual comparative visuals.
But thinking about the reader of the annual report, we came to the conclusion that the target audience is fed up with similar visuals. They constantly watch (and make themselves) some presentations, figures, graphs, analysis. Even if all this will be presented in the form of augmented reality. Watch will be very boring.
We celebrate.
FIABANK is traditionally strong with PR and a good team - i.e. by people. Because the annual report reveals various areas of banking activity, then there is a separate person behind each area. Let this person suddenly come out from the pages of the annual report, emotionally and first-person revealing his topic. Why? Cool. Those. this idea is already better, but something is missing.
Any design is a company communication with the outside world. Annual Report - Top Level Communication. At the highest, so at the highest. So refer to the target audience will be none other than the chairman of the bank. Anatoly Parfiryevich Voloshin agreed to this role.
But not just the same video to show? Just a video, and so you can see. So the video should be with the appropriate accompaniment. We invented a virtual 3D scene for each video fragment on which Voloshin will perform.
This is how the concept of a combination of video and 3D was born, which was approved.
While preparing texts for the speech, we started for 3D.
What are the 3D scenes? In fact, there are several planes with textures:
Themes for the scenes were known and approved, it was necessary to visualize them.
Entry is always something generalizing. Generalizing for FIABANK is FIABANK itself. It was necessary to visualize it somehow. It is clear that this is a logo and it is clear that it must be one of the buildings. It was decided to use the image is not the head office, and the former hotel. This is a very interesting project, which was abandoned, but, thanks to the efforts of FIABANK, it was resumed and completed. Those. the bank is directly related to the building. In addition, several upper floors occupy the bank office.
Search for a solution.
Tiny podstavochka.
A square stand.
Screen for additional information.
PsedwĂł-tri-de.
Landscape with hotel. That's better.
Landscape with hotel and speaker.
How it will look at the background of the magazine and head.
An additional screen (which is never used) and an additional element of branding (which will not).
Showing something concrete here was problematic. There are many objects - there were no normal photos. Therefore, the selection was made visuals: objects under construction, built objects, some vehicles.
Search for a solution.
Smalt and landscape on the wall.
Smalt, landscape on the wall, speaker, information board.
Corporate striped catwalk and falling Pizan towers.
And here is an information board.
Grass, asphalt, first line of new buildings.
Grass, asphalt, the first line of new buildings, the second line of objects under construction, equipment, firewall.
Around here will be a speaker.
Something like this will look out of the report.
Information board and logo (which in the end will not).
FIABANK has gold mining cartels in Yakutia. From the point of view of photos - again nothing good. Therefore, the scheme as in the previous topic: mine, mountains, some vehicles.
Search for a solution.
FIABANK staked the mine and drove some kind of combine.
Information board shows what are the bars.
This is what the mine looks like.
Priisk pokes out of the report.
Without a speaker will be boring.
It is a pity that the information menu will not. Logo is not a pity.
Financing new technology, if in a nutshell. Futuristic landscape, what else.
Search for a solution.
The satellite flies very low over the house of the future. A flying car flies over an object similar to the bus stop of the future.
An information board would not hurt, but it will not.
Pseudo-tri-de for clarity.
City of the future. Fighter. Cars. Already better.
Speaker
How it all will look about. An information board will not even be here.
3D scenes scenes ready. Here is how they will look in augmented reality (without video).
Introduction.
Building.
Gold mining.
Innovation.
Now shooting. Not just shooting, but using the chroma key technology (chroma key). In a nutshell. The object is removed on a uniform background (in our case, green), then the video is processed in such a way that around the object being shot a uniform background is replaced with transparency.
When filming there was one big complexity associated with time. It was necessary at the same time to combine in time the studio, the operator, the head of the shooting / video editing specialist and 3D, the chairman of the bank. The task, as it turned out, is incredibly difficult. All very busy people. Because everything had to be shot for one take, it was decided to make 2 shots. First: make-up / test. The second: working. At the first shooting we invited Igor Voloshin, who steadfastly spoke in front of the camera for 3 hours. This material went into processing. As a result, a beta version of augmented reality was obtained, with all the nuances tested.
Two weeks later, the final shooting took place with the participation of Anatoly Parfiryevich Voloshin, which resulted in the final working version.
Now it remains to draw a web interface and put the augmented reality on the network. The interface consists of 4 pages, as many as those. By default, the entry is loaded. On the page we see the name of the topic, ourselves (view from the webcam), a turnaround of the corresponding page of the annual report and brief instructions. Those who do not have an annual report can print the relevant pages with a marker by downloading the PDF file.
And here is the video of augmented reality:
Deadlines -> multimarkernost.
All annual reports are made and submitted at the last moment. Therefore, the issue of providing information and coordinating the stages is very acute. This also affected some technical issues in implementation. For example, it was not possible to fully test the multimarker version of the interface. Even when the report went to print, it turned out that the framework does not quite correctly handle 2 markers out of 4, i.e. when used in multimarker mode, confuses them. It was decided to separate the screens.
Host speed
Bank site is located on its own host. The speed of the channel up is only 2 megabits. The amount of data that the user pulls (engine, 3D model, textures, 2 video streams) requires a channel speed of at least 1 megabit. Those. theoretically, if the channel is free, then 2 users at the same time can see the augmented reality normally, but if a third appears, then the brakes will start. In fact, the channel is constantly used, so even when 1 user starts watching, data loading is very slow. The main weight is made up of textures and video. The first ones cannot even be technically loaded from another host. It is possible to organize uploading of video from another host, but security problems interfere there. As a result, a separate domain was registered for the project, where you can see live what happened: www.fb-ar.ru .
What is the result? As a result, the first (and probably the only) annual report using the augmented reality technology was obtained. The scope of trend technology is constantly expanding.
I will share the experience of our studio with augmented reality on the example of the 2009 annual report of FIABANK.
What is the annual report, I think many people know. This is a fairly traditional established format, in which banks and designers try to surpass their colleagues / competitors in creativity, beauty, sophistication, fun, seriousness. In short, this is a professional and meaningful show off. Dress code, if you will, when entering a serious banking community.
Designers and marketing / PR / advertising departments struggle every year to find new means of expression, but they are always limited to 50-60 sheets of expensive paper. And suddenly it appears - augmented reality. Why not? - our good friends asked themselves - the guys from the agency B5 , who worked on the annual report of FIABANK. Then they asked us the same question. Thus the task was born: to supplement the annual report with augmented reality. Combine the classics and modernity. Make friends old and new. How did this work go?
')
To begin with, it was necessary to determine the concept.
Option 1. "Live" infographics.
In any annual report a lot of information. Figures, graphs, analysis. As a rule, such dry statistical information is rather difficult to perceive. Why not make her live? - we thought. Add animation, sound, visual comparative visuals.
But thinking about the reader of the annual report, we came to the conclusion that the target audience is fed up with similar visuals. They constantly watch (and make themselves) some presentations, figures, graphs, analysis. Even if all this will be presented in the form of augmented reality. Watch will be very boring.
We celebrate.
Option 2. "Live" video.
FIABANK is traditionally strong with PR and a good team - i.e. by people. Because the annual report reveals various areas of banking activity, then there is a separate person behind each area. Let this person suddenly come out from the pages of the annual report, emotionally and first-person revealing his topic. Why? Cool. Those. this idea is already better, but something is missing.
Option 3. Video + 3D.
Any design is a company communication with the outside world. Annual Report - Top Level Communication. At the highest, so at the highest. So refer to the target audience will be none other than the chairman of the bank. Anatoly Parfiryevich Voloshin agreed to this role.
But not just the same video to show? Just a video, and so you can see. So the video should be with the appropriate accompaniment. We invented a virtual 3D scene for each video fragment on which Voloshin will perform.
This is how the concept of a combination of video and 3D was born, which was approved.
While preparing texts for the speech, we started for 3D.
What are the 3D scenes? In fact, there are several planes with textures:
- Horizontal plane (“ground”) on which the projecting (the plane with the video) and other vertical planes (“objects”) are located.
- Vertical plane with video performance.
- Vertical plane-objects.
- Vertical plane with video background (sky and cloud).
Themes for the scenes were known and approved, it was necessary to visualize them.
Subject number 1. Introduction.
Entry is always something generalizing. Generalizing for FIABANK is FIABANK itself. It was necessary to visualize it somehow. It is clear that this is a logo and it is clear that it must be one of the buildings. It was decided to use the image is not the head office, and the former hotel. This is a very interesting project, which was abandoned, but, thanks to the efforts of FIABANK, it was resumed and completed. Those. the bank is directly related to the building. In addition, several upper floors occupy the bank office.
Search for a solution.
Tiny podstavochka.
A square stand.
Screen for additional information.
PsedwĂł-tri-de.
Landscape with hotel. That's better.
Landscape with hotel and speaker.
How it will look at the background of the magazine and head.
An additional screen (which is never used) and an additional element of branding (which will not).
Subject number 2. Financing of construction sites.
Showing something concrete here was problematic. There are many objects - there were no normal photos. Therefore, the selection was made visuals: objects under construction, built objects, some vehicles.
Search for a solution.
Smalt and landscape on the wall.
Smalt, landscape on the wall, speaker, information board.
Corporate striped catwalk and falling Pizan towers.
And here is an information board.
Grass, asphalt, first line of new buildings.
Grass, asphalt, the first line of new buildings, the second line of objects under construction, equipment, firewall.
Around here will be a speaker.
Something like this will look out of the report.
Information board and logo (which in the end will not).
Subject number 3. FIABANK - the gold of Russia.
FIABANK has gold mining cartels in Yakutia. From the point of view of photos - again nothing good. Therefore, the scheme as in the previous topic: mine, mountains, some vehicles.
Search for a solution.
FIABANK staked the mine and drove some kind of combine.
Information board shows what are the bars.
This is what the mine looks like.
Priisk pokes out of the report.
Without a speaker will be boring.
It is a pity that the information menu will not. Logo is not a pity.
Subject number 4. Project Finance Center.
Financing new technology, if in a nutshell. Futuristic landscape, what else.
Search for a solution.
The satellite flies very low over the house of the future. A flying car flies over an object similar to the bus stop of the future.
An information board would not hurt, but it will not.
Pseudo-tri-de for clarity.
City of the future. Fighter. Cars. Already better.
Speaker
How it all will look about. An information board will not even be here.
3D scenes scenes ready. Here is how they will look in augmented reality (without video).
Introduction.
Building.
Gold mining.
Innovation.
Now shooting. Not just shooting, but using the chroma key technology (chroma key). In a nutshell. The object is removed on a uniform background (in our case, green), then the video is processed in such a way that around the object being shot a uniform background is replaced with transparency.
When filming there was one big complexity associated with time. It was necessary at the same time to combine in time the studio, the operator, the head of the shooting / video editing specialist and 3D, the chairman of the bank. The task, as it turned out, is incredibly difficult. All very busy people. Because everything had to be shot for one take, it was decided to make 2 shots. First: make-up / test. The second: working. At the first shooting we invited Igor Voloshin, who steadfastly spoke in front of the camera for 3 hours. This material went into processing. As a result, a beta version of augmented reality was obtained, with all the nuances tested.
Two weeks later, the final shooting took place with the participation of Anatoly Parfiryevich Voloshin, which resulted in the final working version.
Now it remains to draw a web interface and put the augmented reality on the network. The interface consists of 4 pages, as many as those. By default, the entry is loaded. On the page we see the name of the topic, ourselves (view from the webcam), a turnaround of the corresponding page of the annual report and brief instructions. Those who do not have an annual report can print the relevant pages with a marker by downloading the PDF file.
And here is the video of augmented reality:
What difficulties faced.
Deadlines -> multimarkernost.
All annual reports are made and submitted at the last moment. Therefore, the issue of providing information and coordinating the stages is very acute. This also affected some technical issues in implementation. For example, it was not possible to fully test the multimarker version of the interface. Even when the report went to print, it turned out that the framework does not quite correctly handle 2 markers out of 4, i.e. when used in multimarker mode, confuses them. It was decided to separate the screens.
Host speed
Bank site is located on its own host. The speed of the channel up is only 2 megabits. The amount of data that the user pulls (engine, 3D model, textures, 2 video streams) requires a channel speed of at least 1 megabit. Those. theoretically, if the channel is free, then 2 users at the same time can see the augmented reality normally, but if a third appears, then the brakes will start. In fact, the channel is constantly used, so even when 1 user starts watching, data loading is very slow. The main weight is made up of textures and video. The first ones cannot even be technically loaded from another host. It is possible to organize uploading of video from another host, but security problems interfere there. As a result, a separate domain was registered for the project, where you can see live what happened: www.fb-ar.ru .
What is the result? As a result, the first (and probably the only) annual report using the augmented reality technology was obtained. The scope of trend technology is constantly expanding.
Source: https://habr.com/ru/post/96769/
All Articles