кейси
Як створювали айдентику сервісу Київ Цифровий
Кейс від Bulanov büro
17 Червня, 2021
Стати автором

Додаток «Київ Цифровий» — майданчик для взаємодії Києва з містянами та гостями столиці в цифровому форматі. Мета – за допомогою практичних інструментів зробити життя в Києві зручним, впорядкованим і передбачувано комфортним. Ще минулої осені дизайнерська агенція Bulanov büro разом з IT-командою КП ГІОЦ, яка працювала над оновленим застосунком міських сервісів, почали розробку айдентики бренду «Київ Цифровий». На початку 2021 року ГІОЦ запустили застосунок, а весною – оновлений дизайн транспортної картки та рекламну комунікацію в столиці.

Команда Bulanov büro розповіла, як створювала логотип, візуальну систему, брендбук та позиціювання бренду міського цифрового сервісу.

Читайте також: експертиза додатку Київ Цифровий, що замінив Kyiv Smart City

Slider image
Slider image

Команда Bulanov buro працювала над проєктом на громадських засадах.

В межах співпраці створили:

– голос бренду і позиціювання;

– систему візуальної ідентичності з правилами та рекомендаціями щодо створення різних комунікаційних носіїв;

– брендбук, в якому зібрали всі елементи бренду.

Позиціювання та тон комунікації бренду

Київ Цифровий — це діджитал-простір, в якому формуються зрозумілі, довірчі й комфортні стосунки між Києвом і містянами. Застосунок  замислювався як «рупор» міста та майданчик для взаємодії.

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

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

Семантика знаку та візуальні складники айдентики

Основний символ та вся система айдентики об’єднала в собі впізнавані образи, символи, кольори та настрій столиці. В Bulanov Buro Київ бачать затишним і динамічним, рішучим і романтичним, із ретро-серпанком і модерною естетикою, яка вплітається в настрій візуальної комунікації бренд-ідентичності Київ Цифровий.

 

Літера «К» має характерні впізнавані форми, відсилання до стилізованого символу міста каштану.

В анімованій версії логотипа з’являється слово «зручний» перед появою слова «Цифровий». Це – зашитий меседж позиціювання «Київ Зручний Цифровий».

Фірмовий акцидентний шрифт бренду – це Kyiv*Type Sans із сімейства варіабельної гарнітури Kyiv*Type, авторства шрифтового дизайнера Дмитра Растворцева.

«Цей шрифт було створено на замовлення школи Projector, нашого бюро та агенції Banda, у рамках ініціативи з альтернативним символом Києва #newkyivlogo. Ми вирішили, що це логічне і доречне поєднання цифрового сервісу, який належить киянам, зі шрифтом, який був задуманий як елемент ідентифікації Києва і безкоштовний якісний інструмент комунікації», – розповідає Дмитро Буланов.

Технічним шрифтом обрали напіввідкритий геометричний гротеск Daikon від Mint Type авторства Олега Ліщука. Шрифт має багату мовну підтримку, включаючи кирилицю, різні функції OpenType та безліч наборів фігур.

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

Для створення дружнього і динамічного настрою комунікації бренду Київ Цифровий в бюро створили графічний конструктор, який масштабується від абстракції до іконок та ілюстрацій.

Slider image
Slider image
Slider image
Slider image
Slider image
Slider image

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

Варіанти логотипу

Знак «К»

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

Slider image
Slider image
Slider image

Три фірмові патерни «каштан», «клітинка» та «ешер» створені на базі елементу «К» з інженерно-футуристичним настроєм. Вони є декоративним доповненням комунікації бренду Київ Цифровий.

Slider image
Slider image

Для діджитал середовища створили анімовані версії цих патернів.

Для брендування світлин використовується метод «вікно», де літера «К» є формою, всередину якої вставляється фрагмент світлини.

Модульна сітка

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


Warning: include(): Filename cannot be empty in /home/wqlhkruh/public_html/wp-content/themes/the23design/parts/post-shortcodes/post-shortcodes.php on line 25

Warning: include(): Failed opening '' for inclusion (include_path='.:/opt/alt/php74/usr/share/pear') in /home/wqlhkruh/public_html/wp-content/themes/the23design/parts/post-shortcodes/post-shortcodes.php on line 25

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

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

Фінальний дизайн транспортної карти синього кольору розроблявся командою ГІОЦ в створеній бренд-айдентиці.


Telegraf.Design живе за підтримки спільноти. Підтримуйте Telegraf.Design на Patreon.

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