Java, UX, HTML, CSS, WEB-design

10 макетов информационных бюллетеней с бесплатным исходным кодом

Краткое описание по статье 10 макетов информационных бюллетеней с бесплатным исходным кодом

Название: 10 макетов информационных бюллетеней с бесплатным исходным кодом . Краткое описание: ⭐ Разработка информационного бюллетеня может б . Дата публикации: 15.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года


Разработка информационного бюллетеня может быть сложной задачей. Вам нужны не только знания и понимание того, как пользователи/читатели ожидают, что контент будет доставлен им, у вас также есть головная боль, связанная с тем, чтобы сделать макет совместимым со всеми многочисленными почтовыми клиентами.

Будет полезно, если вы изучите макеты существующих информационных бюллетеней, чтобы понять, как работает код и макеты. Вот почему я выбрал 10 лучших дизайнов информационных бюллетеней, которые полностью адаптивны и соответствуют современным стандартам кодирования.

Если вы планируете запустить собственный информационный бюллетень, эти дизайны должны вас вдохновить.

SeatGeek

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

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

Для простого письма с подтверждением это хорошо работает.

Игровая приставка

Если вы ищете более сложный дизайн, выпуск Sony Battlefield 1 предлагает несколько хороших идей.

Большая часть этого информационного бюллетеня основана на изображениях, воспроизводящих официальный веб-сайт Sony PlayStation. Это отлично подходит для повышения узнаваемости бренда и доверия, но это также кажется немного легким для информации, поскольку он не говорит читателю, что делать или что означает сообщение.

Тем не менее, у него действительно гладкий дизайн, и он показывает, насколько качественная графика играет роль в макетах электронной почты.

Студия социальной печати

Сообщения для подтверждения электронной почты не должны быть сложными. Но вы должны чувствовать себя нормально, добавляя некоторые подробности о веб-сайте/списке, на который пользователь только что подписался.

Это электронное письмо от Social Print Studio в первую очередь является проверочным сообщением, но оно также содержит информацию о сайте и о том, что новые пользователи могут ожидать от его использования. Это даже включает в себя призыв к действию «магазин», ведущий прямо на сайт, где читатели могут заказать распечатки своих фотографий из Instagram.

Отличный пример того, как вернуть пользователей на сайт, а также повысить количество проверок при регистрации.

Архант

Вот очень интересный информационный бюллетень по электронной почте с сообщением об обновлении настроек от Archant (онлайн-издателя).

Цель состоит в том, чтобы связаться с пользователями, у которых могут быть слишком строгие настройки подписки (блокировка всех контактов) или слишком мягкие (получение слишком большого количества электронных писем). Это отличный способ связаться с существующими подписчиками и, в идеале, привлечь их к большему количеству списков.

ВистияФест 2017

Информационные бюллетени событий, подобные этому, обычно довольно просты. У них всего несколько целей: поделиться информацией о мероприятии и побудить подписчиков покупать билеты заранее.

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

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

Социальный вебинар Sprout

Информационные бюллетени Sprout Social фантастически хорошо спроектированы, а их кодовая база феноменальна. Взгляните на этот простой дизайн, продвигающий предстоящий вебинар.

Он довольно короткий и использует графики, чтобы привлечь внимание. Он также использует маркированные списки со значками, чтобы помочь продать вебинар, поскольку маркеры намного легче читать, чем абзацы.

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

Sprout Social IG Планирование

Еще один пример от Sprout Social — это промо-письмо, в котором рассказывается об их функции планирования в Instagram.

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

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

Му Дизайн

Этот рекламный бюллетень, от визитных карточек до пользовательских наклеек, действительно хорошо продает продукт. Вы можете многому научиться, изучая, как другие веб-сайты продвигают свой контент, и этот информационный бюллетень Moo — отличный пример.

Фотографии продуктов показывают, как можно использовать эти предметы, и вы также можете многое узнать из стиля и таланта электронного письма.

Он кажется красочным и веселым с легким чувством юмора. Это говорит читателям о том, как выглядят эти продукты и почему вы можете захотеть посетить Moo.

В информационном бюллетене используется двухколоночная функция продукта с блоками изображений и текста. Отличный способ привлечь внимание и увеличить конверсию.

Под броней

Бренд Under Armour очень популярен в фитнес-сообществе. У них есть тонны отличных продуктов, и их дизайн рассылки хорошо продает их товары.

Обратите внимание, сколько уникальных фотографий использовано в этом дизайне. Для некоторых продуктов имеет смысл добавлять фотографии, а не текст. Блочные элементы с фотографиями и призывами к действию хорошо подходят для информационного бюллетеня Under Armour, и это обычно хорошая стратегия для всех физических товаров.

Рунтастик

Списки функций продукта также отлично подходят для продвижения мобильных приложений и цифрового программного обеспечения. Это электронное письмо Runtastic основано на скриншотах приложений и небольших плоских значках, чтобы привлечь ваше внимание.

Цель этого информационного бюллетеня — стимулировать клики и побудить новых пользователей глубже изучить функции. Это целый набор программ и инструментов отслеживания, так что на изучение всего может уйти время.

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

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

Этот пост может содержать партнерские ссылки. Смотрите нашу информацию о партнерских ссылках здесь.


Source: 1stwebdisigner

Заключение

Вы ознакомились с статьей — 10 макетов информационных бюллетеней с бесплатным исходным кодом

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Кнопка «Наверх»