This is a set of all the blocks that can be in the letters for the mailing.
Each block is made in several versions – with different sizes of components and different adaptation options. For example, in content blocks, thanks buy bulk sms service to this, it is possible to evenly fill the letter with any amount of information and for the mailing avoid gaps or overload.
With the help of the master template, emails can be quickly assembled like a constructor:
1. Select the required blocks.
2. Take suitable block options.
3. Insert content – text and images – into the blocks.
In this master template we have choose the right file format made 193 variants of seven blocks in a single style:
- headers,
- banners,
- text blocks,
- cards,
- lists,
- tables,
- footers.
The master template covers the entire range of for the mailing formats that are in the bank’s mailing list. Thanks to the abundance of options for each block, the letters are recognizable, but not monotonous. And to make an email for another direction, it is enough to lithuania phone number change the color palette – all the necessary one are include in the design system.
Layout
Typically, our agency’s master templates include not only a Figma layout, but also a code document. This project is no exception.
In the layout, we took into account the for the mailing limitations of mail clients. For example, Yandex Mail does not support media queries — a layout tool for flexible adaptation. Therefore, we made the blocks such that they would be displaye correctly both with and without media queries, as far as it was technically possible.
We also adapted the design for the dark theme
Mailers do not allow making separate versions for it and invert letters themselves, so it is important to prepare all components for this. In particular, we added a backing or outline to elements that are laid out as image. This way, dark buttons or icons will remain readable when inverting a light background to a dark one.
Results
Thanks to standardization, the bank’s sales, content and trigger letters received a common design regardless of the sending department. All rule are fixe in the design system, which is available to any contractor and internal specialist.
After implementing the master template, the time for designing and layout of letters decreased by an average of 54%.
Thanks to well-thought-out adaptation, letters collecte from it are correctly displaye in all email clients.