Українська продуктова компанія MacPaw представила свій корпоративний шрифт Fixel якраз у День української мови та писемності (щорічно святкується 9 листопада). Fixel – один із двох шрифтів, які створила команда АльфаБраво на чолі з Кирилом Ткачовим для компанії. Він доступний для використання безоплатно. Другий шрифт, Hoover, залишили виключно для внутрішнього користування.

Обидва шрифти назвали на честь котів, які живуть в MacPaw: Фікселя й Хувера. Розповідаємо про процес створення шрифтів, і про взаємодію команд АльфаБраво та MacPaw між собою.

Шрифт Fixel — вільний для використання. Завантажити

Про шрифти

Обидва шрифти розроблялися для оновлення айдентики, уніфікації стилів та комунікації компанії.

Fixel — варіативний, універсальний і гуманістичний гротеск. Його характер поєднує чіткість, стриманість і функціональність, дружність і динамічність. Шрифтова гарнітура представлена у двох варіантах ширини, Text та Display, і дев’яти опціях насиченості  —  від Thin до Black.

Шрифт має альтернативні накреслення, завдяки яким текст можна робити більш впізнаваним і сміливим, що відкриває безліч можливостей для дизайну.

Шрифт Fixel

Шрифт Hoover працює для внутрішньої та зовнішньої комунікації компанії. Він наразі існує виключно для використання MacPaw. Приклади дизайну зі шрифтом Hoover можна побачити у соцмережах We Are MacPaw та у влогах на Youtube.

Шрифт Hoover

Про котів

Фіксель мешкає в MacPaw вже понад 10 років. Віра Ткаченко, СTO MacPaw, знайшла його у підвалі, ще малим кошеням. Хувер оселився в MacPaw у 2014 році.

Кіт Фіксель, мешканець компанії MacPaw

Кіт Хувер, мешканець компанії MacPaw

«Якщо Фіксель (смугастий) більш серйозний, самостійний та відвертий, Хувер (білий) натомість грайливий та часто тішиться сам із себе. Такими й вийшли шрифти: художній і динамічний Hoover ми використовуємо для заголовків або окремих речень, а також в дизайнах корпоративного мерчу. Фіксель — поважний гуманістичний гротеск, який ми застосовуємо для великих обсягів тексту, в застосунках та у вебі», — розповідає Макс Кукурудзяк, Head of Design Operations у MacPaw.

ТЗ, з якого все почалося

У техзавданні, розробленому в MacPaw для шрифтових дизайнерів, були прописані характери шрифтів, кількість накреслень та символів, розповідає Кирило Ткачов, засновник і артдиректор студії АльфаБраво.

«Ще на початку роботи ми зрозуміли, що нам потрібно два шрифти. Зважаючи на характери котів, Fixel ми бачили як універсальний та зручний для читання гротеск, який відображає технологічну сторону нашої роботи. Hoover – акцидентний, грайливий і мʼякий», — Альона Корольова, Creative Service Manager MacPaw.

Серед референсів для створення шрифтів був і логотип MacPaw: лапка, мʼякі лінії, заокруглення – все це обговорювали на перших етапах роботи над шрифтом. Також як референси розглядали шрифти, котрі компанія найчастіше використовувала у своїх комунікаціях раніше: Montserrat, SF, Roboto, Avenir. Перед початком роботи їх теж проаналізували.

«Шрифти мали бути технологічними й універсальними, але водночас, у них мав відчуватися human touch», — зазначають у MacPaw.

«Опис ТЗ був досить детальним і повним, і мало змінювався в процесі. Річ у тім, що перед початком роботи в нас були передпроєктні дослідження. Перш ніж вийти на опис майбутнього проєкту, ми багато працювали над аналізом шрифтів, які використовували у продуктах MacPaw. Переглядали ідеї, пропозиції та побажання від дизайнерів компанії. По суті, протягом трьох місяців ми були на постійному зв’язку й обговорювали наш майбутній проєкт. Таким чином, ми в АльфаБраво змогли підготувати образ майбутніх шрифтів Fixel та Hoover ще до підписання контракту на розробку», — засновник і артдиректор студії АльфаБраво Кирило Ткачов.

Як працювала команда АльфаБраво

Зазвичай шрифтовий дизайн в Україні – індивідуальна робота, зазначає Кирило Ткачов. Але цього разу потрібна була команда:

«У нашій країні шрифтовий дизайн є роботою одинаків. Проєкти, які розробляли 2-3 фахівці спільно, можна порахувати на пальцях. Але в цьому випадку мені хотілося сформувати саме команду. По-перше, ми мали робити дві великі гарнітури (Fixel і Hoover) паралельно. У кожній гарнітурі  —  по 18 накреслень, а в кожному накресленні  —  розширений склад символів. Отже, роботу було розділено: Марчела Можина та Сергій Макаренко мали працювати над шрифтом Fixel, а Марія Вайнштейн та Захар Кривошия  —  над Hoover. Зі свого боку, я допомагав із розробкою, переглядав результати, спілкувався зі своєю командою та з командою MacPaw».

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

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

Команда шрифторобів працювала над обома гарнітурами паралельно. Це дозволило робити певні «місточки» між шрифтами і налагоджувати спорідненість елементів:

«Оскільки ми розробляли паралельно дві гарнітури, то мали змогу додати в Fixel набір альтернативних символів з «оглядкою» на Hoover. Форми найбільш впізнаваних символів акцидентного шрифту ми перенесли в текстовий шрифт. Це був непростий процес, бо Hoover – пластичний і грайливий, а Fixel значно більш стриманий і спокійний, але все вдалось. У результаті альтернативний набір символів отримав динамічніші форми і став дещо наближений до курсиву», — зазначає Кирило Ткачов.

Загалом процес роботи над шрифтами тривав близько 10 місяців.

Альтернативні символи та Тризуб Хаcевича

Окрім набору звичних форм літер та знаків (Fixel має розширену латиницю та кирилицю, тому може писати більш як 40 мовами), у шрифті присутні й альтернативні символи. Вони відрізняються від основних літер  —  пластичніші й мають посилену динаміку й асиметрію.

Однією з родзинок шрифту є символ тризуба, виконаний не в класичному вигляді, а в тому, який створив Ніл Хасевич.

«Ідея з’явилася внаслідок російської агресії проти України. І вийшло так, що якраз коли ми в АльфаБраво обговорювали розміщення тризуба, команда MacPaw звернулася до нас із цією ж ідеєю. Тобто ми подумали водночас і однаково. Єдине  —  ми запропонували саме версію герба Ніла Хасевича, а не всім відомий державний герб», — розповідає артдиректор словолитні.

Процес взаємодії між командами

Розробка шрифтів – це довго, тому важливо тримати звʼязок між командами і працювати ітеративно. «Варто бути готовими, що щось може змінитися в процесі, що щось можуть переоцінити. Тому постійні сінки допомагають тримати руку на пульсі», зазначає Альона, Creative Service Manager MacPaw.

Процес роботи був налаштований так: MacPaw отримували варіанти від шрифторобів, а потім був раунд фідбеку. Далі АльфаБраво забирали шрифт на допрацювання і вдосконалення.

Проміжні варіанти шрифтів передавали в дизайн-команди MacPaw і просили спробувати замінити поточні шрифти на нові. Таким чином було одразу видно, який вигляд матиме новий шрифт у соцмережах, продуктах, презентаціях, на мерчі. Дизайнери MacPaw усе тестували й вносили у загальний файл Figma.

Окрім цього, Юрій Гусинський, Senior Marketing Designer MacPaw, взяв на себе відповідальність тестувати шрифт детальніше: продивлявся баги у сполученнях букв, спеціальних символах, рівнях жирності.

«Так, ми почали використовувати шрифт у роботі. Прискіпливіше дивилися на символи та маленькі деталі, і на полотні тексту, і в різних комбінаціях. Тестували в браузерах і на десктопних програмах, а також намагалися тестувати шрифт на макетах. Проміжний варіант шрифту Fixel використали у SpyBuster  —  антишпигунській програмі для виявлення російських та білоруських застосунків та з’єднань, яку інженери MacPaw створили у перші тижні повномасштабної війни», — Юрій Гусинський, Senior Marketing Designer MacPaw.

Ітерації та доопрацювання

Характер шрифту Fixel команда АльфаБраво відчула одразу: «Особливо здивувало пропрацювання окремих маленьких деталей, які, з першого погляду, були неочевидними. Наприклад, унікальна форма букви «g» у латиниці. Вона зʼявилась під час перших ітерацій і збереглась у фінальному варіанті шрифту», — розповідає Creative Service Manager MacPaw.

А от з акцидентним Hoover команди мали декілька раундів дебатів. Варіанти, запропоновані шрифтовиками, були занадто «солодкими»: потрібно було збалансувати ступінь мʼякості шрифту, розповідають у MacPaw.

Кожна ітерація, яку отримували в MacPaw, виносилася на командні обговорення, і потім робоча група вирішувала, які коментарі важливо передати шрифторобам, а які  —  відкинути. Важливу роль у прийняті цих рішень відіграв Олександр Агєєв, Chief Design Officer MacPaw. Всі моменти, які хвилювали дизайнерів MacPaw, проговорювалися на зустрічах з командою АльфаБраво. «Ми прислухалися до їхніх порад та враховували досвід і експертність, тому деякі коментарі відпадали після зустрічей», — кажуть в MacPaw. Максим Кукурудзяк, наприклад, згадує, як в команді тестували рішення на різних сполученнях букв, і в деяких випадках ці сполучення «мали дивний вигляд, але потім стало зрозуміло, що немає жодного українського слова з такими сполученнями літер, і такі фідбеки відпадали».

Кирило Ткачов додає, що команда шрифторобів під час зустрічей іноді детально розказувала про зміни, які відбулися: демонстрували різницю між «було» та «стало» і пояснювали причини тих чи інших дій.

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

«Це було чудове і правильне рішення — створити один із ключових елементів нашої айдентики разом із професіоналами своєї справи з АльфаБраво, а також поділитися шрифтом з дизайн-спільнотою. Ми вже помічаємо, що комунікація бренду з власними корпоративними шрифтами виглядає більш послідовною та впізнаваною», — Альона Корольова, Creative Service Manager MacPaw.

У MacPaw кажуть, що також вже помітили використання шрифту Fixel. Наприклад, у новому українському виданні Медіамейкер: для сайту, дизайну обкладинок і в соцмережах. Український стартап «Друкарня» також використовуватиме шрифт на своєму сайті.