school@unisender.com
school@unisender.com
Курс email-верстки
в Школе UniSender
Создавайте красивые письма, которые хорошо выглядят на любых устройствах.
Старт: 18 января
О чем этот курс?
За 10 уроков мы расскажем, как верстать крутые и адаптивные email-рассылки. Курс подойдёт тем, кто уже знаком с базовыми тегами html-кода и хочет научиться верстать письма самостоятельно.
По итогу курса создадим несколько писем с интересными и продающими фишками: интерактивными элементами, таймерами, кнопками товаров, баннерами и многим другим.
Больше знаний — выше чек
Кому полезен этот курс:
Маркетологам
Больше знаний — больше чек за работу. После курса вы сможете исправить HTML-код письма или сверстать красивый адаптивный email с нуля.
Верстальщикам
Рассылки становятся всё сложнее: появляются новые возможности, динамичные элементы, форматы вёрстки. После курса вы сможете использовать всё это на практике и повысить свой средний чек за вёрстку писем.
Агентствам
Прокачайте HTML-вёрстку у сотрудника, и добавьте в прайс-лист дополнительную услугу. После курса вы сможете создавать для своих клиентов крутые рассылки без привлечения специалистов на аутсорсе.
Кто ведет курс
Евгений Шишков
Евгений работает с вёрсткой писем с 2014 года. Управляет отделом вёрстки в Email Soldiers. Создал письма для 200+ компаний, среди которых МТТ, ФК Зенит, Ашан и Амедиатека.
Как проходит обучение
Все уроки в записи, после каждого видео — домашнее задание. Преподаватель проверяет его и ставит оценку. После прохождения 10 уроков вас ждёт зачёт — вёрстка письма с нуля. Это письмо вы сможете использовать в своём проекте.
Всего в курсе 10 уроков:
Урок 0
Урок 0
Введение в верстку писем
Краткий обзор того, о чём будет рассказано на курсе. Чем вёрстка письма отличается от вёрстки страницы
Урок 1
Урок 1
Подготовка изображений
- Популярные графические редакторы: Figma, Photoshop и др.
- «Нарезка» и сохранение изображений
- Доступные типы изображений
- Возможные проблемы на этапе подготовки изображений
- Финальная обработка изображений, которые пойдут в продакшн
- Примеры размещения изображений в верстке
Урок 2
Урок 2
Начинаем верстать
- Редакторы кода: VS Code, Atom, Sublime
- Другие полезные инструменты для верстки
- Базовая структура письма
- Таблицы стилей (CSS) и их подключение
- Разбор доступных тегов: span, div, table и пр.
Урок 3
Урок 3
Основные элементы письма
- Принцип работы атрибута STYLE
- Текст и его оформление
- Заголовки разного уровня
- Гиперссылка и ее параметры
- Изображение и его параметры
- Кнопка и ее построение
- Стили для работы с отступами
Урок 4
Урок 4
Верстка структуры письма таблицами
- Как строится структура таблицами
- Основные таблицы в структуре письма
- Принцип построения строк и столбцов
- Размеры и «растягивание»
- Пример реализации сложной таблицы
- Фоновые изображения
Урок 5
Урок 5
Адаптивное построение письма
- Принцип построения адаптивного письма
- Расположение таблиц и объектов для адаптивности
- Плавающие блоки
- Использование медиазапросов
- Скрытие/добавление элементов верстки на мобильном
- Изменение размеров на мобильной версии
Урок 6
Урок 6
Разбор типовых решений. Часть 1
- Меню
- Баннер, широкие баннеры
- Блоки во всю ширину экрана
- Списки
- Товарная сетка и её разновидности
- Отключение адаптивности
Урок 7
Урок 7
Разбор типовых решений. Часть 2
- Статейные блоки
- Опросы
- Блок с телефоном (МТТ)
- Социальные сети
- Разбор мастер-шаблона
Урок 8
Урок 8
Фокусы и фишки
- Нестандартные шрифты
- Видео и аудио в письме
- Счетчик обратного отсчета
- AMP-технология
- События по ховеру
- Темная тема
Урок 9
Урок 9
Баги в почтовых клиентах. Подготовка к верстке
- Баги популярных почтовиков: Outlook, Gmail, Яндекс.Почты
- Фоновое изображение в Outlook
- Вёрстка в Outlook
- Анализ дизайна на возможность верстки
- Перенос мастер-шаблона в блочный редактор
Урок 10
Урок 10
Проверка и финиш
- Мастер-класс. Вёрстка письма
- Проверка результата в разных почтовых системах
- Инструменты проверки на разных платформах
Не отпустим без знаний
За весь курс вы сверстаете серию писем с разными элементами: таймерами, баннерами, кнопками и карточками товаров. Код и шаблоны писем можно будет использовать в своей практике.
Получат зачёт и сертификат после окончания только те студенты, которые успешно выполнят все задания курса.
Какой формат вам удобнее?
BASIC. Мне бы послушать
| Доступ к видео | + |
| Поддержка куратора | + |
| Проверка домашних заданий | - |
| Создание личного шаблона | - |
| Сертификат по окончанию курса | - |
| Количество мест | не ограничено |
| Стоимость | 8000 руб. |
PRO. Мне бы поработать
| Доступ к видео | + |
| Поддержка куратора | + |
| Проверка домашних заданий | + |
| Создание личного шаблона | + |
| Сертификат по окончанию курса | + |
| Количество мест | 15 |
| Стоимость | 18500 руб. |
Начните зарабатывать на верстке
Всем выпускникам мы предлагаем подключиться к партнерской программе. С нас заказы на верстку, с вас — классные HTML-письма.
Партнёры UNISENDER получают индивидуальные условия для сотрудничества, скидки и информационную поддержку. Наши условия приносят вам деньги.
Проекты наших студентов
Курс начнется в декабре
Мы стараемся сделать курс максимально полезным, поэтому еще готовим для него уроки. А пока вы можете бесплатно посмотреть первый урок и ознакомиться с платформой для обучения. Заполните форму внизу страницы, чтобы открыть доступ к уроку.
Смотрите, как все проходит
Зарегистрируйтесь и получите доступ к первому уроку курса. Если вам понравится — сможете оплатить и продолжить обучение.
Ответы на вопросы
Как оплатить?
1. Вы можете совершить оплату онлайн картой (Visa, MasterCard).
2. Оплату можно сделать банковским переводом, напишите на school@unisender.com и наш админстратор сформирует для вас счет.
3. Также вы можете пополнить счет в UNISENDER и мы спишем необходимую сумму за обучение.
Что делать после оплаты?
После оплаты вы получите логин, пароль, а также вам на почту придет письмо с дальнейшими инструкциями. Видеоуроки можно посмотреть в личном кабинете, они станут доступны сразу после авторизации в личном кабинете платформы.
Как проходит обучение?
К каждому уроку прикреплено домашнее задание, которое необходимо выполнить. Также есть даты дедлайнов, которые прописаны в шапке уроков. После того, как вы выполнили задание, его проверяет преподаватель.
Если у вас возникнут вопросы есть 2 варианта для общения:
1. Чат в личном кабинете студента.
2. В комментариях к урокам можно задать вопрос преподавателю.
Как оцениваются домашние задания?
За каждое задание вы можете получить максимум 5 баллов, если вы не успеваете сдать в деллайн, то преподаватель отнимает 1 балл. Можно предупредить заранее администратора (в чате на платформе) или преподавателя, о том, что вам нужно дополнительное время на выполнение домашней работы, тогда баллы сниматься не будут. Последнее задание для зачета оценивается по 10 балльной шкале.
Вам нужно набрать 45 баллов из 55 за весь курс, чтобы получить сертификат.
Уровень BASIC предполагает самостоятельное выполнение домашних работ, без проверки преподавателем.
В каком виде будет сертификат по окончанию обучения?
Сертификат на английском и русском (для студентов из Украины - украинском) языках в электронном варианте будет размещен в личном кабинете. Также мы пришлем по удобному адресу печатный сертификат, один на выбор.
Для уровня BASIC сертификат не предусмотрен.
Как долго у меня будет доступ к курсу?
Все материалы курса будут доступны в вашем личном кабинете в течение года после окончания обучения.
________________________________________________
Не нашли ответ на свой вопрос? Напишите нам: school@unisender.com