👅 🧚🏿 🛤️ How tinkoff.ru web pages are created and maintained 🚼 🏷️ 🤟🏽

Hello everyone! My name is Sergey Mikhailov, at Tinkoff I work as the head of the acquisition design group: I deal with internal services, and I am also responsible for the design component of the Customer Acquisition Department. I'll tell you how we quickly assemble pages using our constructor.

How it works now

Tinkoff has about 2000 pages with different designs and the attraction department is responsible for all these pages. It consists of divisions that are responsible for card products, deposits, investments, insurance, mobile, travel, and so on.

All our pages are made up of blocks. For example, on the main page there is a header, blocks with the main banner, with a title and with a product card.

Pages are assembled from blocks in our Constructor.

Here is an example of such a block with cards:

It already has indented logic built into it, the ability to turn off the title or change the style of the button. Also, the stretch logic is already embedded in the block. For example, a block for a 1024 screen, and at a resolution of 1360, the block will stretch. This is how all blocks work for us.