Протягом останніх п’яти років ми значно виросли: і як професіонали, і як організація. Сьогодні відчуваємо необхідність відобразити ці зміни у нашому брендингу. 

Від логотипу до шрифтів: ми осучаснили все. Тепер наша айдентика уніфікована, сучасніша і просто більш exciting.

Детальніше розповімо в цій статті.

Процес

На шляху до нового брендингу команда розглядала багато різних варіантів. Ми пройшли, як мінімум, чотири виразних ітерації. 

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

Наступним етапом, як це завжди буває, були розроблені кілька мудбордів, де визначили напрямки, в яких було цікаво рухатись:

A series of poster designs compiled into a collage

Однією з ідей було через айдентику показати, що ми – дизайн-агенція та за основу взяти сітку, з якою працюємо щодня. Доповнити наш 2D простір думали 3D елементами, в яких були б різні UI-патерни.

Наступною розглядалась стрічкова опція. Таким чином можна було гарно обіграти літеру “Е” і паралельно перевикористати цей візуальний елемент для інших цілей. 

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

A collage of our initial branding direction ideas

Ідея багато кому сподобалась, але зрештою від неї відмовились. Ми зрозуміли, що айдентика, яку вже маємо, стала досить впізнаваною за 5 років. Врешті-решт, вирішили зберегти те, що в нас є, але освіжити – зробити актуальнішим.  

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

Тому ми розглядали різні знакові рішення. Ось кілька версій:

8 graphic symbols we considered

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

5 ways we tried to highlight a certain letter

Ну ось ми і розглянули всі елементи, з яких народилась оновлена айдентика. Тепер ходімо дивитись на результати.

Результати

Reel

Крутіше за картинки результат покаже тільки відео. Ось, що у нас вийшло 👇

Не вистачило деталей? – Йдемо далі.

Новий логотип

Оновлений логотип містить і графічний, і текстовий елементи. Графічним компонентом є дві картки, що накладені одна на одну з засічками, що нагадують графічну тінь від верхнього стікера. Засічки такого ж типу присутні на текстовій версії. 

Our new text + graphic logo

Засічки

Як ви могли вже зрозуміти, їх тепер буде багато. Дуже багато. Це, ми вважаємо, чудова можливість виразніше брендувати візуальні елементи: від логотипу до іконок.

Засічки, між іншим, всюди однакові, незалежно від розміру елемента.

The anatomy of our serif placements

Новий шрифт

Ми дуже довго користувались шрифтом Neue Haas Grotesk. Величезним його недоліком було те, що він не підтримував кирилицю. Це проблема, бо вже кілька років всі сторінки нашого сайту перекладаються українською. Раніше доводилось підбирати схожі шрифти. Тепер – ні.

Обирали серед багатьох опцій, але майже одразу зупинились на українському Prostir Sans.

4 key weights and styles of our new font Prostir Sans

Кольори

Ми взяли за основу ті ж кольори, але змінили їх співвідношення, а також два з них трохи оновили.  Раніше виникали труднощі при друці на фізичних носіях через невідповідність до кольорів Pantone. Також ці два відтінки були не дуже насиченими та гірше зчитувались на білому фоні. 

Іконки

Раніше ми користувались власним набором іконок. З ними все було ок. Втім, в нас з’явилась чудова нагода зробити їх впізнаванішими за допомогою засічок. То чому б нею не скористатись?

Eight key branded icons we use

Патерни

Ми часто користувались різними декоративними патернами, але вони не були уніфікованими. Кожен дизайнер робив трохи по-своєму. Тепер маємо узгоджену систему.

Rules for different branded patterns

Лейаут

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

Мерч

Маємо дуже багато планів для оновленого мерчу. Мерч брендуватимемо мінімалістично за допомогою логотипу (можливо, з додаванням іконок).  

Вже встигли реалізувати пропуски в офіс. Втім, вже дуже скоро матимемо ще чим хвалитись. 

Ideas for branded merch: laptop stickers, course certificates and work passes.

Замість висновків

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

Наша команда виконала велетенський обсяг роботи. Ця робота викристалізувалась в новий брендбук. А далі що?

– Далі робитимемо дизайн. Так якісно, як і завжди. Але тепер вже з крутішою айдентикою.

A bird's eye view on our new brandbook