Рефреш дизайн-системи для UNIT.City. Про систему, яка вміє змінюватися
UNIT.City — найбільший інноваційний парк у Східній Європі, розташований у Києві. Простір, у якому працюють корпорації, стартапи, освітні ініціативи та сервісні бізнеси, і де постійно відбуваються події різного масштабу — від навчальних програм до великих івентів.
TWID співпрацює з UNIT.City понад п’ять років. Ще до пандемії ми створили для них дизайн-систему, яка стала основою для великої кількості проявів: сайту, кампаній, відеоконтенту, маскотів, навігації, цифрових екранів, мерчу та інших носіїв. Система активно використовувалася і масштабувалася командою UNIT.City протягом років.
З часом стало очевидно, що ключові складові цієї дизайн-системи витримали перевірку часом. Саме тому запит клієнта формулювався не як редизайн, а як рефреш — наступний етап розвитку айдентики, який дозволив би їй і далі розвиватися разом із бізнесом.
Задача та виклик
Технічно задача зводилася до двох напрямів: оновлення дизайн-системи та оновлення сайту. Фактично ж виклик був складнішим. Айдентика UNIT.City вже існувала в сотнях офлайн- і диджитал-проявів. Частина матеріалів, створених кілька років тому, досі використовувалася на території парку й у комунікаціях. Це означало, що оновлення мало працювати як продовження вже побудованої системи: бути сумісним з існуючими проявами та водночас достатньо гнучким для подальшого розвитку.
Важливою передумовою стало й те, що ще під час першого запуску дизайн-система була якісно імплементована командою UNIT.City. Саме це дозволило їй зберегти цілісність і працювати так, як було задумано.
Концепція та центральний образ
Ключовою ідеєю рефрешу стала метафора вільного простору. Простору, в якому є місце для людей, ідей, роботи, навчання й спільного творення. Ця метафора була закладена в дизайн-систему не декларативно, а на рівні рішень: через композиції, верстку, типографіку та кількість «повітря» в макетах. Вільний простір став повноцінним елементом візуальної мови UNIT.City — таким самим важливим, як колір чи шрифт.
Дизайн-система
Оновлення айдентики рухалося від навмисно яскравої й контрастної подачі до стриманішої, легшої та спокійнішої. Характер бренду зберігся, але тон комунікації став м’якшим і більш зосередженим на середовищі та людях.
Особливу роль у цьому відіграла типографіка. Попередній фірмовий шрифт UNIT.City був побудований на основі TTY Travels і доповнений графічними символами. За роки використання він став упізнаваним і фактично ідентифікаційним для бренду. Водночас з’ясувалося, що базовий шрифт має російське походження, що зробило подальше використання неможливим.
Було ухвалене рішення повністю перемалювати шрифт, зберігши знайомі пропорції та силуети, але суттєво оновивши деталі, цифри й символи. До роботи над новою гарнітурою долучили Дмитра Ростворцева, українського шрифтороба, автора низки знакових українських шрифтів, зокрема шрифту Збройних сил України.
Так з’явився UNIT Sans — новий фірмовий шрифт UNIT.City. TWID доповнили його розширеним набором графічних символів, що відсилають до технологічного контексту, культурних змін останніх років і мотивів українського модерну. Невелика частина символів із попередньої версії була свідомо збережена як зв’язок між етапами розвитку айдентики. Додатково до системи було введено TWID Grotesk як допоміжний шрифт.
Окремим шаром дизайн-системи стали 3D-візуали, анімації та генеративна графіка — як інструменти, що дозволяють системі залишатися живою й змінною без втрати цілісності.
Імплементація
UNIT.City активно впроваджує оновлену дизайн-систему в роботу. Вона вже використовується в офлайн-комунікаціях на території, на цифрових екранах, а також у подієвих і інформаційних матеріалах.
Нові рішення органічно співіснують із попередніми проявами айдентики: матеріали, створені кілька років тому, залишаються релевантними в оновленому візуальному середовищі.
проєкти
