Фірмовий стиль допомагає зробити сайт впізнаваним і послідовним, але для старту вебпроєкту не завжди потрібен великий брендбук. Значно важливіше зібрати актуальні матеріали, пояснити правила їх використання та показати, як бренд спілкується з клієнтами. Це скорочує кількість суперечливих рішень і пришвидшує погодження дизайну.
Перед передачею матеріалів перевірте, чи вони відповідають нинішній пропозиції бізнесу. Логотип десятирічної давнини, випадкові кольори з презентацій і фото різного стилю можуть створити більше плутанини, ніж користі.
Логотип і допустимі варіанти
Підготуйте логотип у векторному форматі SVG, AI або EPS, а також якісний PNG із прозорим тлом. Вектор потрібен для чіткого відображення на різних розмірах, а PNG зручний для швидкого використання. Окремо передайте горизонтальну, вертикальну, компактну та монохромну версії, якщо вони існують.
Варто зазначити мінімальний розмір, захисне поле й фони, на яких логотип можна використовувати. Якщо є заборонені варіанти — зміна пропорцій, кольору, тіні чи додавання рамки — покажіть їх. Так дизайнер не змушений здогадуватися, де закінчується творча свобода і починаються правила бренду.
Кольори та шрифти бренду
Для кожного кольору потрібні точні значення: HEX або RGB для екранів, а за потреби — CMYK для друку. Розділіть палітру на основний колір, акцент, фони, текст і службові стани. Важливо не лише передати красиві відтінки, а й перевірити контрастність тексту та кнопок.
Укажіть назви шрифтів, доступні накреслення та джерело ліцензії. Якщо корпоративний шрифт не підходить для вебу або повільно завантажується, заздалегідь погодьте доступну альтернативу. Два добре підібрані сімейства зазвичай працюють краще, ніж складна система з багатьма декоративними шрифтами.
Фотостиль і приклади комунікації
Зберіть приклади зображень, які відповідають бренду: власні фото команди й продукту, ілюстрації, фактури, спосіб кадрування. Поясніть, чи мають фотографії бути стриманими, теплими, документальними або постановочними. Окремо покажіть те, чого не хочете бачити — наприклад, шаблонні стокові рукостискання.
До візуальних матеріалів додайте кілька прикладів текстів: опис компанії, рекламне оголошення, лист клієнту, вдалі публікації. Вони допоможуть відтворити тон комунікації в заголовках, кнопках і підказках. Перед стартом також корисно прочитати, як замовити сайт без прихованих доплат і сюрпризів, та зафіксувати склад робіт у домовленостях.
Що робити, якщо брендбуку немає
Відсутність брендбуку не блокує розробку. Створіть короткий стартовий документ: логотип, 2–4 кольори, основні шрифти, кілька візуальних орієнтирів і приклади небажаних рішень. Додайте опис аудиторії, характер бренду та три прикметники, якими має сприйматися сайт.
На початку проєкту можна замовити компактний вебгайд — набір правил саме для цифрових інтерфейсів. Він стане основою для кнопок, форм, карток і типографіки, а згодом може розвинутися в повний брендбук. До оцінки бюджету допоможе матеріал про сайт за доступною ціною та питання, які важливо обговорити перед стартом.
Коли матеріали зібрані, передайте їх однією структурованою папкою й призначте людину, яка погоджуватиме рішення. Після цього можна замовити створення сайту з чіткими вихідними даними, уникнувши зайвих ітерацій і випадкового стилю.