Більшість технологічних стартапів доходять до візуальної айдентики пізно і розуміють її надто вузько. Пізно, бо її вважають фінальним штрихом, який додають, коли продукт уже працює. Вузько, бо «візуальна айдентика» зводиться до логотипа й двох кольорів. У результаті компанія на кожній поверхні виглядає трохи інакше, а така непослідовність забирає довіру, якою молода компанія не може розкидатися.
Візуальна айдентика є цілісною системою, завдяки якій компанія всюди виглядає собою. Нижче про те, що вона містить, як пов'язана з продуктом і коли варто будувати її повністю.
Візуальна айдентика є системою
Логотип є лише одним з елементів. Візуальна айдентика складається з логотипа, кольору, типографіки, зображень, верстки, іконографії та правил, за якими все це працює разом. Різницю ми розбираємо в статті Візуальна айдентика vs логотип. Коротко: люди впізнають логотип, а система робить так, щоб сайт, продукт, пітч-дек, пости в соцмережах і листи сприймалися як робота однієї компанії.
Стартап, у якого є лише логотип, на кожній поверхні виглядає по-різному, бо ніщо не підказує наступній людині, як має виглядати бренд. Стартап із візуальною айдентикою виглядає цілісно на всіх поверхнях, а цілісність сприймається як компетентність.
Чому для стартапів це важливіше
Відомі компанії можуть спиратися на впізнаваність. Стартап оцінюють за кожною точкою контакту так, ніби саме вона формує перше враження, бо для більшості людей так і є.
Коли стартап залучає інвестиції, продає корпоративним клієнтам або наймає людей, візуальна айдентика щодня працює на довіру. Інвестор за один вечір читає пітч-дек, відкриває сайт і заходить у продукт. Якщо ці три речі виглядають як три різні компанії, у нього виникає питання, чи команда вже розібралася сама з собою.
Що містить повна візуальна айдентика
Система логотипа
Набір файлів із правилами: основний логотип, варіанти для різних контекстів, іконка для малих розмірів, монохромні версії, а також правила щодо відступів, мінімальних розмірів і неправильного використання.
Колірна система
Основні, додаткові, акцентні й нейтральні кольори з точними значеннями та правилами використання. Для технологічних стартапів колір часто є найшвидшим шляхом до впізнаваності, якщо він не повторює того, що вже використовує решта категорії.
Типографіка
Шрифти для заголовків і основного тексту, типографічна шкала, накреслення й правила. Шрифт несе більше характеру, ніж очікує більшість засновників, і саме послідовна типографіка робить так, що текст виглядає як бренд усюди, де з'являється.
Зображення та іконографія
Єдиний підхід до фотографії, ілюстрацій та іконок, щоб візуальний контент виглядав саме вашим. Мікс стокових фото, трьох стилів ілюстрацій і випадкового набору іконок зводить нанівець решту системи.
Принципи верстки
Правила сітки, відступів і композиції. Вони дозволяють новій людині швидко зробити лендінг чи пост для соцмереж, який усе одно виглядатиме в стилі бренду.
Правила, що їх поєднують
Документ із гайдлайнами тримає все разом, тож дизайнер, розробник чи фрилансер може працювати за ним, нічого не перепитуючи. Це брендбук, про який ми пишемо в статті Що таке брендбук.
Візуальна айдентика всередині продукту
У технологічних стартапів айдентика має доходити до продукту. Інтерфейс часто є найпомітнішою поверхнею бренду, і коли він виглядає відірваним від маркетингу, бренд розколюється навпіл.
Саме тут візуальна айдентика зустрічається з дизайн-системою. Дизайн-система втілює айдентику в коді та компонентах: ті самі кольори у вигляді токенів, та сама типографічна шкала, та сама логіка відступів. Ці дві системи мають посилатися одна на одну, а хтось у команді має відповідати за межу між ними.
Коли інвестувати
До product-market fit вистачить мінімальної айдентики: охайний логотип, невелика палітра, один шрифт, кілька правил. Вона дозволяє виглядати переконливо, поки ви з'ясовуєте, хто ваш клієнт.
Після product-market fit, коли компанія щотижня створює матеріали, залучає інвестиції та наймає людей, повна система починає окупатися. Відтоді кожна непослідовність у точках контакту має свою ціну. Що будувати першим, описано в чеклісті бренд-айдентики для стартапів.
Часті запитання
Чим візуальна айдентика відрізняється від логотипа?
Логотип є основним знаком. Візуальна айдентика охоплює всю візуальну систему навколо нього: колір, типографіку, зображення, верстку і правила, що їх поєднують.
Чим візуальна айдентика відрізняється від бренд-айдентики?
Візуальна айдентика охоплює все, що можна побачити. Бренд-айдентика також містить голос, меседжі та позиціонування, що лежить в основі. Візуальна айдентика виражає бренд-айдентику.
Чи може технологічний стартап почати лише з логотипа?
Як свідома відправна точка на найранішій стадії, так. Але розглядайте це як тимчасове рішення: стартапи, які вважають окремий логотип завершеною айдентикою, зазвичай однаково платять за повну систему протягом року.
Чи має візуальна айдентика охоплювати продукт?
Для технологічних стартапів так. Продукт часто є найпомітнішою поверхнею, а саме через дизайн-систему айдентика туди потрапляє.
Висновок
Візуальна айдентика є системою, завдяки якій технологічний стартап усюди виглядає собою: від логотипа й шрифтів до правил верстки та інтерфейсу продукту. Якщо ваш стартап готується до раунду чи запуску, а візуальна частина перетворилася на клаптикову ковдру, розкажіть нам про це.
