Технологически рассылки застряли в начале 2000-х - к ним применяются самые простые правила верстки CSS и HTML. К сожалению, «играть» в рассылках зачастую можно только gif-анимацией, текстом и другим контентом, который создается без кода.
Например, анимированную CSS-кнопку невозможно сделать в письме, пускай для верстки и применяются CSS-стили.
Пример анимированной кнопки на CSS
Все рассылки делаются по правилам табличной, или блочной, верстки.
Пример типичной рассылки.
В первую очередь рассылка должна нести функцию информирования - красота письма должна быть не показная, но удобная для потребления контента в письме. Главное - посыл.
Пример хороших писем: new cloud hi, nike, meet arthur, new american history, apple
Все эти письма включают в себя три правила - элегантность, легкая читаемость, простая верстка.
Я предлагаю придерживаться таких же правил - упор делать на контент в письме, а не на сложность верстки.
Пример письма со сложной версткой от Циана - 1 часть, 2 часть, 3 часть
Это неплохо оформленное письмо, но оно сильно перегружено графикой и информацией, слишком контрастное.
При создания рассылки я придерживаюсь такого правила - письмо должно быть легким, когда сайт, на который ведут ссылки, может быть каким угодно сложным по оформлению. В случае циана сайт выглядит намного лаконичнее, чем их письмо.
Пример письма от Олимп бета