Колонка
Графічний дизайн в ІТ: старт через команду маркетингу
3 серпня, 2022
Анастасія Литвиненко
Графічна дизайнерка ІТ-компанії Boosters з екосистеми Genesis

Коли мова заходить про дизайн в IT, перше, що спадає на думку — UI/UX, продуктовий або вебдизайн. Популярність цих професій зростає, і безліч курсів «UI/UX дизайн із нуля» та відкритих вакансій — підтвердження цьому. Але графічний дизайнер теж може реалізувати свій потенціал в IT. Анастасія Литвиненко, графічна дизайнерка продуктової ІТ-компанії Boosters з екосистеми Genesis, розповіла, як «увійти в ІТ» через команду маркетингу, з чим доведеться працювати, з якими перешкодами стикнутися та як оптимізувати роботу.

В IT-індустрії кандидатів приваблюють хороша зарплата, комфортні умови роботи та можливості розвитку. Маркетинг відчиняє двері до ІТ для графічних дизайнерів як із досвідом, так і рівня «джуніор».

Я приєдналася до команди Boosters на позиції Junior Graphic Designer. Компанія розробляє продукти: Promova (ex. Words Booster) — застосунок для вивчення мов, Avrora — для здорового сну, RiseSpace — коучингова платформа. Просуванням цих продуктів у соціальних мережах і займається команда маркетингу. Здебільшого ця робота зав’язана на співпраці: маркетолог ставить завдання дизайнеру, а потім тестує результат. Усе просто. Чи ні?

Що створює дизайнер

Основне завдання дизайнера в маркетинговій команді — створювати рекламні банери (на місцевому сленгу — креативи), орієнтуючись на технічне завдання та своє візуальне бачення. Але є нюанс.

У маркетингу доведеться зіткнутися з тим, що візуально досконалий креатив не дорівнює «ефективний». З іншого боку, «ефективний» не обов’язково має бути примітивним. І дизайнер може впливати на це, реалізовувати власні ідеї та нові підходи. Ця сфера дає багато можливостей для розвитку та експериментів. Нижче наводжу приклади двох варіантів банера, що просуває застосунок Promova (ex. Words Booster).

Завдання — зробити корисний контент, що допоможе урізноманітнити словниковий запас користувачів. У першому банері використовуються фірмові кольори, лого, шрифт. Це чистий, охайний, стриманий креатив, який… не спрацював.

Метрики:

CTR 0,5%

0 покупок.

Натомість банер у стилі фотографії записів у блокноті, злегка розмитої та недбалої, з низькою контрастністю, дав неймовірне залучення та приніс компанії понад тисячу покупок.

Метрики:

CTR 2,7%

1,2k покупок.

Аналізувати подібні кейси неймовірно цікаво та корисно.

Дизайнер у маркетинг-команді працює з потоками банерів. Створює близько шести варіацій кожного креативу, а за день — близько 30.

Тести, метрики та аналітика — що треба знати

Дизайнер має працювати із потоками банерів, створюючи близько шести варіацій кожного креативу, а за день — близько 30. Чому так багато? Суть у тому, що маркетолог має їх протестувати та обрати ті, що дають найкращі результати. Так він зможе витратити рекламний бюджет лише на ефективні креативи. Результати рекламних кампаній маркетологи оцінюють за метриками (показниками, скільки користувачів клацнути на банер, завантажили застосунок, зареєструвалися тощо).

CTR (клікабельність реклами) — одна з метрик, на яку впливає дизайнер своїм відчуттям стилю, тим, як передає настрій, який обирає колір та шрифт. Побачити миттєвий результат своєї роботи — неоціненно. У команді маркетингу можна рефлексувати, вивчати успішні кейси та прогнозувати, що спрацює в майбутньому. Натомість в інших сферах графічний дизайнер часто виконує проєкт для клієнта і не знає, наскільки він був ефективним, як на нього відреагували користувачі.

Крім створення банерів, дизайнер бере участь у брейнштормах креативної команди. Це пошук нових ідей, аналіз та доопрацювання креативів. Раджу ознайомитися з метриками, з якими працюють маркетологи. Це дозволить розуміти контекст, бути в курсі того, що відбувається. Зазначу, що це корисно на пізніших етапах. Спеціалісту рівня «джуніор» краще зосередитися на прокачуванні швидкості. Це головний скіл, адже завдань буде багато.

Які навички потрібні графічному дизайнеру в ІТ:

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

Як працювати з ТЗ

Маркетолог досліджує ринок, вивчає конкурентів, знаходить цікаві приклади. Далі він пише технічне завдання під певний продукт. У ньому є референси, необхідний контент, бажані кольори, фони. Решта оформлення залишається на розсуд дизайнера та залежить від його смаку й відчуття продукту.

Перші технічні завдання — дуже докладні. Зазвичай, у них зазначено все: розмір, шрифт, текст, навіть відстань між рядками. Через таку деталізацію може здатися, що вас творчо обмежують. Але перевага в тому, що дизайнер завжди може зробити більше варіантів. Наприклад, якщо є завдання на чотири банери, я можу запропонувати шість, два з яких будуть на 100% моїм баченням. Маркетологи люблять такі експерименти, адже часто вони спрацьовують.

Після глибшого вивчення продуктів компанії ви почнете більше експериментувати зі стилями, віжуалами й техніками. Технічні завдання стануть загальними, а згодом зможете випускати креативи «під ключ» без ТЗ маркетологів.

Софт для дизайнера

Основними програмами для роботи стануть Adobe Illustrator (близько 80% робочих завдань) та Adobe Photoshop (близько 20%). Це класичний набір, який містить всі необхідні функції для створення потрібних віжуалів.

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

Також графічний дизайнер співпрацює з моушн-дизайнерами, які використовують Adobe After Effects, тому при створенні креативів варто враховувати, що майбутній банер може бути переданий для подальшої анімації. Звісно, Figma має певні плагіни для експорту файлів до After Effects, але програми Adobe найкраще інтегруються між собою.

Куди розвиватися

Я бачу кілька варіантів:

  1. Вертикальне професійне зростання за грейдами до «мідл» та «сеньйор».
  2. Розширення інструментарію та навичок. Наприклад, можна опанувати моушн-дизайн, що дозволить самостійно анімувати креативи. Або вивчити 3D та ілюстрації. В ІТ-сфері роботодавці підтримують розвиток команд та часто фінансують навчання.
  3. Менторство. Коли ви зрозумієте, що реалізувалися як дизайнер, саме час ділитися досвідом. Просто дайте знати колегам-дизайнерам, що готові допомагати, і до вас звертатимуться. Таким чином можна структурувати свої знання та виявити прогалини, адже доведеться відповідати на запитання, знаходити рішення. Далі, за бажанням — воркшопи, лекції, статті.

Маркетингова команда — один із найзручніших стартів в ІТ для графічного дизайнера. Тут можна розвиватися, навчатися та реалізувати свій потенціал. А миттєві результати роботи й розуміння, як твоя робота впливає на компанію, надихають та мотивують. Успіхів!


Фото: Brecht Corbeel/Unsplash

avatar
Анастасія Литвиненко
Графічна дизайнерка ІТ-компанії Boosters з екосистеми Genesis
Колонка

У нас є ще дещо для вас