Brand Guidelines и брендовая айдентика за одну минуту

В марте этого года мы выпустили «Brand Guidelines», которые стали совершенно новой функцией, цель которой — помочь: а) вам — создавать фирменные брендовые рассылки независимо от того, какое агентство или email-дизайнера вы нанимаете для создания ваших будущих кампаний; б) дизайнерам — легко усвоить правила и требования к письмам для любого бренда, чтобы создавать рассылки без лишних затрат времени; в) новичкам — облегчить и ускорить процесс адаптации в вашей команде.

Этим летом функция была обновлена, и мы хотим показать вам, чем она является сейчас и как создать комплект Brand Guidelines для любого вашего проекта всего за минуту и совершенно бесплатно:

Более детально о Brand Guidelines kit вы узнаете из нашей статьи.

Содержимое файла Brand Guidelines:

• подробные рекомендации для создания шаблонов с одноименным названием «Brand Guidelines» — здесь мы собираем всю информацию о дизайне ваших писем. Здесь для вас и вашей команды описаны шрифты, использованные вашим брендом в предыдущих рассылках, отступы внутри контейнеров и между ними, цвета шрифтов и фонов, дизайн кнопок CTA, иконок соцсетей и т. д.;

• PDF-файлы выбранных вами шаблонов — чтобы вы и ваши коллеги получили полную картину того, как должны выглядеть ваши кампании;

• модули контента — вы можете просмотреть каждый из них и скопировать HTML-код нужного вам модуля;

• картинки, которые вы использовали в кампаниях;

• брендовая айдентика — например, логотип/набор логотипов, фавикон;

• контактная информация, такая как ссылки на профили в соцсетях, адреса ваших веб-сайтов и т. д.

Другими словами, вы получаете всё необходимое для своих будущих email-кампаний в одном месте.

Преимущества использования нашей функции Brand Guidelines

Она будет выступать в роли Устава для всех верстальщиков, дизайнеров и email-маркетологов, работающих над созданием писем.

1. Brand Guidelines — очень полезная опция для команд, в которых в процесс создания рассылок вовлечено более одного человека.

2. Теперь вы можете без проблем привлекать любое агентство или верстальщика писем к работе — вы более ни к чему не привязаны. Нужно просто отправить им файлы из вашего Brand Guidelines — и они будут придерживаться нужных стилей.

3. Создание email-рассылок станет ещё менее времязатратным, так как вся ваша брендовая айдентика будет всегда под рукой.

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

Как вы генерируете Brand Guidelines для своих проектов?

На самом деле процесс очень простой.

Чтобы начать работу с Brand Guidelines, кликните иконку вашего профиля в правом верхнем углу, после чего войдите во вкладку «Brand Guidelines».

Шаг 1. Создание набора Brand Guidelines

Перейдите во вкладку «+Новый набор Brand Guidelines», чтобы создать набор для любого из ваших проектов.

Здесь вам нужно:

• ввести название вашей компании;

• в выпадающем меню выбрать нужный проект, если у вас их много;

• теперь в выпадающем меню выберите необходимые шаблоны для Brand Guidelines;

• если вам нужно более одного шаблона, кликните значок «+», чтобы добавить столько шаблонов, сколько требуется;

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

• в разделе «Внешний вид» вам нужно выбрать цвет для документа Guideline.pdf, установив «Основной цвет» — он будет использоваться в качестве фона документа и применяться для всех кнопок в этом документе. Конечно, я выбрала зеленый ?;

• а в разделе Дополнительные файлы вы выбираете, какие файлы будут включены в ваш набор, просто переключая их;

• теперь в этот же раздел вы можете добавить скриншоты тестов, выполненных с помощью Email on Acid:

где «Обновить результаты» означает, что наша система будет запускать новые тесты, если вы их ранее проводили, а «Включить последние результаты» означает, что система получит результаты последнего теста, который вы проводили, но не будет запускать новый. Если вы ранее не делали тестирование, обязательно сделайте его с помощью нашего тестового инструмента непосредственно в Stripo, прежде чем выбирать параметры «Обновить результаты» или «Включить последние результаты».

• если вы хотите добавить собственные файлы в набор Brand Guidelines, например, другой логотип, другие изображения или что-то еще, кликните вкладку «Кастомные файлы» в разделе «Дополнительные ресурсы»;

• загрузите свои файлы;

• ниже вы увидите список ваших кастомных файлов. Вы можете удалить ненужные;

Важно отметить:

Ваш набор Brand Guidelines будет содержать и стандартные, и кастомные файлы.

• здесь вам также нужно решить, хотите ли вы, чтобы имеющие доступ к документу Guidelines.pdf с названием «Brand Guidelines» могли просматривать ваши шаблоны в интернете и входить в редактор непосредственно из файла рекомендаций, чтобы начать работу над новыми письмами. Если да, переключите соответствующие кнопки в нижней части вкладки New Brand Guidelines Kit в разделе Упоминания Stripo:

• в верхней вкладке под названием «Общая информация» нажмите кнопку «Сформировать», чтобы создать ваш набор.

Шаг 2. Добавление контактной информации в ваш набор Brand Guidelines.

Теперь перейдите во вкладку «Настройки Brand Guidelines».

Здесь вам будет предложено:

• ввести название вашей компании;

• загрузить логотип;

• указать свою контактную информацию, включая ссылки на профили в соцсетях;

• чтобы добавить дополнительную контактную информацию, кликните значок «Плюс», а затем стрелку, чтобы выбрать тип ссылки в выпадающем списке.

Эта информация будет применена ко всем вашим наборам Brand Guidelines в рамках одного проекта.

Шаг 3. Скачивание вашего набора Brand Guidelines

Чтобы получить комплект, вам нужно вернуться во вкладку «+Новый комплект Brand Guidelines» и кликнуть «Скачать комплект Brand Guidelines».

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

Если вы когда-нибудь будете вносить какие-либо изменения в свои наборы, вам понадобится «Обновить» их.

Во вкладке «Brand Guidelines» вы увидите список созданных вами наборов, даты их создания и изменения, а также каким проектам они принадлежат. Можно просмотреть и скачать их все.

Что вы получаете в своем архиве Brand Guidelines

Вот содержимое файла Brand Guidelines, который я только что сгенерировала для Stripo:

Папка 1. Assets

В ней находится ваш фавикон.

Она также содержит ваши кастомные файлы со шрифтами, дополнительными логотипами и другими элементами дизайна, которые вы загрузили в разделе «Дополнительные ресурсы».

Папка 2. Guidelines.pdf

Этот файл идет с оглавлением на странице 4.

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

В разделе «Templates» вашего файла «Brand Guidelines» можно осуществить предпросмотр вашего шаблона или даже перейти в редактор, чтобы начать работу над новым письмом либо отредактировать текущий шаблон. Конечно же, только в том случае, если вы включили данные опции в разделе «Работа в Stripo» при оформлении файла «Brand Guidelines».

В разделе «Modules» вы увидите список всех модулей, которые уже загружены в данный архив.

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

Папка 3. Modules

Все модули, загруженные с архивом Brand Guidelines, разбиты на папки — для каждого модуля своя папка с соответствующим названием.

В каждой из них содержатся:

• превью-картинка модуля;

• папка со всеми картинками, используемыми в данном конкретном модуле;

• отдельные файлы с CSS- и HTML-кодом соответствующего модуля;

• файл со встроенными в HTML-код стилями CSS — вы можете использовать любой из них.

Папка Modules также содержит файл Modules.html — там находятся сниппеты и коды всех модулей.

Просто выберите нужный модуль из списка, и наша система покажет чистый HTML-код и HTML-код со встроенными стилями CSS данного модуля.

Папка 4. Start.html

Данный файл позволит вам перейти к файлу Guideline.pdf или напрямую к модулям.

В нем также содержится ваша контактная информация.

Папка 5. Templates

Как и в Модули, в данной папке находятся:

• папка со всеми картинками, использованными в вашем шаблоне;

• отдельные файлы с CSS- и HTML-кодом соответствующих модулей;

• файл HTML-кода со встроенными в него стилями CSS — можете использовать любой из них;

• PDF-файл данного шаблона;

• и папка со скриншотами ваших тестов (если вы их, конечно, проводили).

В завершение

С нашей совершенно новой функцией Brand Guidelines:

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

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

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

До появления нашей функции Brand Guidelines вы бы тратили множество часов на создание этих файлов со всеми руководствами, кодом элементов и прочей айдентики бренда.

Теперь мы с гордостью сообщаем, что это займет всего минуту!

Помогите вашим дизайнерам быстрее создавать безупречные письма с нашей функцией Brand Guidelines.

Мы с удовольствием продемонстрируем вам Brand Guidelines в действии и поделимся примерами своих гайдлайнов.

Напишите нам на contact@stripo.email или оставьте комментарий ниже — и мы всё вам покажем.