Шрифт:
• Новый пользователь зарегистрировался и оставил галочку в чек-боксе Подписаться на рассылку:
• Позднее он поменял имя в учетной записи с Alex на Алексей, а город с СПб на Санкт-Петербург:
• Спустя некоторое время ему потребовалось заменить и e-mail:
Пример 5.2
• Новый пользователь зарегистрировался и НЕ оставил галочку в чек-боксе Подписаться на рассылку:
• Позднее, редактируя учетную запись на сайте, он включил галочку:
Приложение 5
ТЗ на дизайн и верстку e-mail шаблона
Чек-лист на подготовку рассылки
А: ТЗ на дизайн e-mail шаблона
Задача
Отрисовать e-mail шаблон для рассылки интернет-магазина www. shop-example. ru.
Материалы
• Сайт магазина: ссылка на интернет-магазин.
• Бренд-бук shop-example: ссылка на скачивание бренд-бука.
Общие требования
• Цвета, шрифты, изображения, ссылки, кнопки и другие графические элементы сделать в стиле сайта и бренд-бука.
• Фон снаружи письма: светло-серый.
• Фон тела письма: белый.
• Рамка вокруг письма: нет.
• Ширина письма: 600px.
• В результате предоставить шаблон в PSD.
Эскиз
1. Preheader
• Мелкий текст на основном фоне.
• Слева: Короткий текст о письме…
• Справа: Посмотреть письмо в браузере.
2. «Шапка»
(Здесь и далее приводятся в пример скриншоты подобранного прототипа.)
• Слева: логотип магазина.
• Справа: значок телефонного аппарата + номер +7 (777) 777–77–77.
• Ниже надпись: НОЯБРЬ 2014.
3. Тело письма
Баннер
• Взять любой из тех, которые сейчас есть на главной странице.
• Отмасштабировать до ширины 600px.
Текст
• Заголовок: Большой заголовок.
• Подзаголовок: Подзаголовок рассылки интернет-магазина.
• Текст:
Хотя погода за окном еще далеко не летняя, само лето, пора долгожданных отпусков, приближается!
Скоро, скоро в дорогу: сборы чемоданов, аэропорт, гостиница, теплый песок на пляже…
А чтобы Вы путешествовали с комфортом и привезли домой много сувениров для друзей и приятных воспоминаний для себя, запасайтесь сумками побольше!:-)
Заголовок раздела
• Горизонтальная полоса с заливкой фирменным цветом.
• НАШИ НОВИНКИ.
4 товара
• Использовать настоящие товары с сайта:
Ссылка на товар 1
Ссылка на товар 2
Ссылка на товар 3
Ссылка на товар 4
• Кнопки сделать по габаритам, как в примере, но по внешнему виду – как кнопки на сайте (оранжевые):
3 товара
• Использовать настоящие товары с сайта (1, 2 и 3 из первого блока):