Task

To develop a promo-site for ”Savings Bank“ (Oshchadbank) deposit program ”Easter egg“ (Pysanka) promotion.

Solution

A solution to the problem was provided by FEDORIV Agency and was based on the well-known mechanics of Fortune cookies. Users had the option to choose their Easter egg (Pysanka), crack it and receive Easter bits of advice.

The mine goal was to develop a visually simple but in the same time functionally rich interface. The site was developed for the bank client and so there were strict demands to the supporting platforms. That way I developed two variants of realization, using a canvas and DOM elements. The canvas realization draws animated images of all eggs in a row in one small canvas and then copy them into dataUrls. As experiments showed this is the fastest variant for a client with memory restrictions. For comparison, I tried a variant with one big canvas and many small canvases. To get the most correspondence a typographical part to design layouts only the texts entered by a user are shown using embedded fonts, all other texts are shown as a png animation. During the Easter holidays, this game became wildly popular among the young target audience of social networks.

The project is made using HTML5 (Backbone/Marionette) technology