The making of the Bank of Russia virtual museum

Overview   Process  

Learning that the Bank of Russia has museum expositions on the history of money circulation. It turns out, one of them is open to the public, while the other one is available only to officials and state delegations.

Looking at websites of other bank museums.

cbr museum process 01
cbr museum process 02

Making a list of exhibits.

cbr museum process 03

Visiting the museum.

cbr museum process 04
cbr museum process 05
cbr museum process 06

Taking photographs of the exhibits and learning lots of interesting facts about banking in Russia from the curator.

cbr museum process 07
cbr museum process 08
cbr museum process 09

While working with the exhibits, we find a previously unnoticed mark on a collector medal commemorating the 50th anniversary of the Moscow Stock Exchange. The mark can be seen only on high resolution images. As it turns out, it means that the medal was part of a private collection long before the Bank of Russia’s museum acquired it. The museum learns something new about one of is exhibits and we move forward.

cbr museum process 10 0

Making the first attempt at the concept and the structure of the website.

cbr museum process 10
cbr museum process 11

We suggest to film a video tour of the museum given by the curator so the website visitors can walk its halls as in a computer game. Later we drop the idea as too much attention would be given to walls and furniture and too little to the exhibits themselves.

Trying to make a museum display table with exhibits that can be scrolled in any direction.

cbr museum process 12

Designer: And on the main page we’ll have a bank clerk typing on a typewriter with the carriage return bell sounding every once in a while.

cbr museum process 13

Besides, the book dedicated to Lamansky, the first manager of the bank, features a lot of episodes with him sitting at a desk working. Maybe, we can get him to demonstrate the exposition?

cbr museum process 14

Art director: It’s a museum, not a private collection.

Suggesting to record a video with a curator and display it while scrolling along a museum table that is divided into several historic periods. We can also insert a historic reference that would add coherence.

cbr museum process 15
cbr museum process 16

Art director: Tutorials are for pussies. The website should be self-explanatory.

Developing the concept. Adding facts.

cbr museum process 17
cbr museum process 18

Working on the page about the museum itself.

cbr museum process 19
cbr museum process 20

Art director: It’s time you stop suggesting these dynamic forms and pointless panoramas!

Fantasizing further.

cbr museum process 21

Showing the museum display table concept to the client.

cbr museum process 22
cbr museum process 23
cbr museum process 24
cbr museum process 25

The client likes the idea, starting to work on the realization.

Working on mechanics. Getting inspired by mathematics, roller coasters and video games.

cbr museum process 26
cbr museum process 27
cbr museum process 28
cbr museum process 29
cbr museum process 30

Designing a giant table.

cbr museum process 31
cbr museum process 32
cbr museum process 33
cbr museum process 34

Moving beyond a single plane.

cbr museum process 35
cbr museum process 36
cbr museum process 37
cbr museum process 38
cbr museum process 39

Coming up with timeline, context callouts and other small features.

cbr museum process 40
cbr museum process 41
cbr museum process 42
cbr museum process 43
cbr museum process 44
cbr museum process 45
cbr museum process 46
cbr museum process 47
cbr museum process 48
cbr museum process 49
cbr museum process 50

Working on icons.

cbr museum process 51
cbr museum process 52
cbr museum process 53
cbr museum process 54

Moving on to the exhibit page.

cbr museum process 55
cbr museum process 56
cbr museum process 57

Realizing that exhibits have to be as large as possible.

cbr museum process 58
cbr museum process 59

Getting inspired by occasional Photoshop glitches.

cbr museum process 60

Starting to process each individual exhibit. Realizing that we don’t have enough information to ensure interesting and vivid presentation. Searching books and the internet for more knowledge. Getting a list of recommended literature from the bank.

cbr museum process 61

Studying yearbooks of the Russian Empire.

cbr museum process 62
cbr museum process 63

Deciding to record audio fragments, interviewing the museum curator.

cbr museum process 64

Editing the audio.

cbr museum process 65

Photographing the book about Lamansky for the museum table texture.

cbr museum process 66
cbr museum process 67

Working on shadows and mouse hover effect.

cbr museum process 68

The illustrator is busy creating volumetric inserts related to specific exhibits.

To undermine Russia’s economy, Napoleon produced fake paper money. We can use this fact to draw a picture of Napoleon giving away fake money like it’s advertising flyers.

Studying source materials.

cbr museum process 69

Making sketches and preparing illustrations.

cbr museum process 70

The number of posters promoting government loans makes it clear Russia was entirely unprepared for World War I. There was no funds and the government decided to borrow money from the people offering loans at 5,5% rate. The posters called to support the army and emphasized lack of ammunition.

Since the government had no money to wage the war, we can draw soldiers sitting around a howitzer drinking tea with empty ammo crates nearby.

Studying a poster.

cbr museum process 71

Illustrating the scene.

cbr museum process 72

The 25-ruble banknote features a standing Russia figure that proudly looks into the distance as if surveying her vast kingdom. Her head is crowned by the Cap of Monomakh, in her right hand is a scepter and in her left hand are attributes of imperial power. Additionally, her right hand rests on an impressive sovereign shield with the Russian coat of arms.

cbr museum process 73
cbr museum process 74

Depicting the scene from the medal commemorating the abolition of serfdom.

cbr museum process 75
cbr museum process 76

Making several more illustrations.

cbr museum process 77

Making corrections.

cbr museum process 78

For the favicon, we decide to age the coin from the main Bank of Russia website.

cbr museum process 80

Adding a nice feature with turning the lights off in the museum block.

cbr museum process 81

Making some more fixes and unveiling the website.

cbr museum process 82

Order a design...