Stripo Template Kits_Featured Image
24 серпня 2020

Brand Guidelines і брендова айдентика за одну хвилину

Подивитись Brand Guidelines
Зміст
  1. Контент файлу Brand Guidelines:
  2. Переваги використання нашої функції Brand Guidelines
  3. Як генерувати Brand Guidelines для своїх проєктів?
  4. Що ви отримуєте в своєму архіві Brand Guidelines
  5. На завершення
1.
Контент файлу Brand Guidelines:

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

А влітку функцію було оновлено, тож ми бажаємо показати вам, чим вона є зараз і як створити комплект Brand Guidelines для будь-якого вашого проєкту всього за хвилину і абсолютно безкоштовно.

Перегляньте наше коротке відео

Бажаєте створити подібне для свого бренду? Спробуйте зараз!

Хочете створити те ж саме для свого бренду? Це займе не більше 2 хвилин

 

З цієї статті ви детальніше дізнаєтеся, що таке 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».

Brand Guidelines UA

Крок 1. Створення набору Brand Guidelines

Перейдіть до вкладки «+Новий Brand Guidelines», щоб створити файл для будь-якого з ваших проєктів.

 бренд гайдлайн-ua

Тут вам потрібно:

  • ввести назву вашої компанії;

  • у випадаючому меню вибрати потрібний проєкт, якщо у вас їх багато;

Загальна інформація

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

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

 Шаблони які ви додали-кнопка додавання

  • праворуч наша система покаже, скільки шаблонів містить проєкт, який ви вибрали. Тут ви також можете побачити кількість модулів, які ви або колеги з вашої команди раніше зберігали у вашій особистій бібліотеці модулів для цього конкретного проєкту;

Шаблони-модулі 1

  • у розділі «Оформлення» вам слід вибрати колір для документа Guideline.pdf, встановивши «Основний колір» — його буде використано як фон документа і застосовано до всіх кнопок у цьому документі. Звичайно, я обрала зелений;

 юа

  • а в розділі «Додаткові файли» ви вибираєте, які файли будуть включені до вашого набору, просто перемикаючи їх;

 файли юа 11

  • тепер до цього самого розділу ви можете додати скріншоти тестів, зроблених за допомогою Email on Acid:

 Не додавати результати-юа

де «Оновити» означає, що наша система запускатиме нові тести, якщо ви їх раніше проводили, а «Включити останні результати» — що система отримає результати останнього тесту, який ви проводили, але не буде запускати новий. Якщо ви раніше взагалі не проводили тестування, обов'язково зробіть це за допомогою нашого тестового інструменту безпосередньо в Stripo, перш ніж вибирати параметри «Оновити результати» або Додати останні результати».

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

  • завантажте свої файли;

  • нижче ви побачите список ваших кастомних файлів. Ви можете видалити ті, які вам не потрібні;

 файли-кастомні файли-юа

Важливо зазначити:

Ваш набір Brand Guidelines міститиме як базові, так і кастомні файли.

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

Згадування Stripo ua

  • вгорі у вкладці з назвою «Загальна інформація» натисніть кнопку «Сформовати», щоб створити ваш набір.

Загальна інформація-Сформувати

Крок 2. Додавання контактної інформації до вашого набору Brand Guidelines.

Тепер перейдіть до вкладки "Налаштування Brand Guidelines".

 Brand Guidelines ua

Тут вам буде запропоновано:

  • ввести назву вашої компанії;

  • завантажити логотип;

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

Загальні налаштування

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

 Плюс

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

Крок 3. Скачування вашого набору Brand Guidelines

Щоб отримати набор, вам треба повернутися до вкладки «+Новий Brand Guidelines» і клікнути на «Завантажити Brand Guidelines».

Зверніть увагу, що ви можете попередньо переглянути набір, перш ніж перейти до його завантаження.  створення.

 Завантажити як архів

Якщо ви колись робитимете будь-які зміни у своїх наборах, вам треба буде «оновити» їх.

%D0%9E%D0%B1%D0%BD%D0%BE%D0%B2%D0%B8%D1%82%D1%8C-%D1%81%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D1%8F

У вкладці «Brand Guidelines» ви побачите список створених вами наборів, дати їхнього створення та зроблені зміни, а також до яких проєктів вони належать. Ви можете переглянути та звантажити їх усі.

%D0%9E%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8B%D0%B5-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5

Що ви отримуєте в своєму архіві 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 або безпосередньо до модулів.

Він також містить вашу контактну інформацію.

Файл-Content-of-Start.html

Папка 5. Templates

Так само як і Modules, ця папка містить:

  • папку з усіма картинками, використаними у вашому шаблоні;

  • окремі файли з CSS- і HTML-кодом відповідних шаблонів;

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

  • PDF-файл цього шаблону;

  • і папку зі скріншотами ваших тестів (звичайно, якщо ви їх проводили).

На завершення

З нашою принципово новою функцією Brand Guidelines:

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

  2. Всі картинки, контакти, коди елементів листа й інша брендова айдентика тепер завжди поруч.

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

До релізу нашої функції Brand Guidelines вам доводилося витрачали багато годин на створення цих файлів з усіма гайдлайнами, кодами елементів та іншою айдентикою бренду.

Тепер ми з гордістю повідомляємо, що це триватиме лише хвилину!

Допоможіть вашим дизайнерам швидше створювати бездоганні листи з нашою функцією Brand Guidelines.

Ми із задоволенням продемонструємо вам Brand Guidelines у дії та поділимося прикладами своїх гайдлайнів.

Напишіть нам за адресою contact@stripo.email або залиште коментар нижче — і ми вам усе покажемо.

Чи була ця стаття корисна?
Tell us your thoughts
Дякуємо за ваш відгук!
0 коментарів
Тип
Індустрія
Сезони
Інтеграції
Редактор Stripo
Спростіть процес створення листів.
Плагін Stripo
Інтегруйте Drag-n-Drop редактор Stripo у свій веб-додаток.
Замовити власний шаблон
Наша команда може розробити і зверстати його для вас. Просто заповніть бриф, і ми зв'яжемося з вами найближчим часом.