E-mail маркетинг для интернет‑магазина. Инструкция по внедрению (Ефимов) - страница 55

Например, набор ссылок в футере может выглядеть следующим образом:

• акции;

• новинки;

• хиты;

• новости;

• обратная связь.

Для наглядности сопровождаем ссылки соответствующими иконками:



Это и есть главный секрет доработки нотификаций. Есть ссылки в футере – появляется возможность быстро перейти в нужное место из письма и решить свои задачи. Нет ссылок – нет такой возможности.

Под иконками мелким шрифтом размещаем вспомогательную информацию: почему пользователь получил это письмо и каким образом оно было отправлено.



Например:

Вы получили это сообщение, потому что зарегистрировались на shop-example.ru.

Сообщение было сгенерировано сайтом автоматически.

© 2014, Shop-example™

Ссылка отписки в нотификациях НЕ требуется.

(+) Границы и фон

Завершающие штрихи дизайна шаблона – его обрамление границами и фоном.

В границах можно скруглять углы, добавлять горизонтальные тени, экспериментировать с цветом и толщиной линии.

Для фона используем фирменную палитру цветов (я предпочитаю неяркие оттенки). Фон наполняет пространство вокруг письма и еще больше концентрирует внимание на контентной части:

* * *

Как обычно, составляем ТЗ на дизайн с подробным описанием каждого блока. Сопровождаем его иллюстрациями из прототипов/собственными эскизами.

Пример ТЗ дожидается вас в приложении 7Б.

Поручаем отрисовку дизайнеру и принимаем готовый макет. Чтобы освежить в памяти, как это делается, пролистайте пятую главу (раздел «Разработка шаблона/Дизайн»).

Верстка

При верстке шаблона нотификаций придерживаемся тех же принципов, что и в шаблоне массовой рассылки:

• кросс-e-mail;

• адаптация под мобильные устройства;

• блочная структура.

Поручить задачу лучше профессиональному верстальщику, для которого необходимо составить отдельное ТЗ (полная аналогия ТЗ на верстку шаблона массовой рассылки из приложения 5Б).

Принимаем верстку не менее тщательно. Смотрим, корректно ли она отображается в почтовых клиентах? Адаптируется ли под смартфон? Здесь нам помогут все те же сервисы для тестирования.

По итогам получаем красивый, функциональный шаблон, который очень пригодится нам на следующем этапе.

Внедрение

После того как шаблон нотификаций готов, перед нами встает выбор: сразу передать его программисту или заранее проделать еще львиную долю работы, составляя подробное ТЗ? Конечно, я порекомендую второй вариант, хотя он и более трудоемок, – только так можно гарантировать качественное внедрение нотификаций.

Служебные письма нередко выглядят небрежно и недружественно настроены к пользователю. Это происходит потому, что их разработку от начала и до конца поручают IT-специалистам. А коммуникация, скажем прямо, не их конек. Более того,