Вічний відеодвигун. Кейс айдентики стрімінгової платформи Infinite від компанії JMind

Вічний відеодвигун. Кейс айдентики стрімінгової платформи Infinite від компанії JMind

У липні 2021 року JMind, одна з компаній холдингу TECHIIA, запустила власну відеострімінгову платформу для сегменту B2B — Infinite. ЇЇ можна розгорнути як окреме рішення, що складається з мобільного додатку та адмінпанелі, або інтегрувати в уже наявні рішення клієнта. Infinite стартує на ринку Азії, який є найбільш підготовленим технологічно та активно використовує лайвстрімінг у різних галузях. Михайло Ганженко, Design Lead компанії JMind, розповідає, як створювалася айдентика продукту.


Михайло Ганженко, Провідний дизайнер, JMind

Infinite — це white-label B2B-продукт для поширення відеоконтенту. Платформа призначена для проведення прямих відеотрансляцій, розміщення відео та монетизації контенту. Також вона включає інтерактивні елементи: чат для спілкування, внутрішню валюту, анімовані стікери та купу інших опцій. Клієнт з боку бізнесу має повний контроль над додатком через адмінпанель.


Infinite першочергово орієнтований на інтернет комерцію, спорт, кіберспорт, ТБ та релігію, проте може використовуватись і в інших індустріях.

Задачі для айдентики

Перед стартом розробки айдентики ми зійшлися на трьох пунктах.

1. Infinite — white-label рішення. Воно передбачає, що на нашу «коробку» кожен клієнт може накладати власний бренд і кольорові рішення, кастомізувати інтерфейс та інструменти під себе.

Але при цьому треба було дати Infinite впізнаване обличчя для маркетингу і просування. Наш B2B-клієнт має помітити продукт серед інших рішень та асоціювати його зі стрімінгом відео.

2. Сервіс має за мету розповсюдитися на всіх континентах, однак стартує в Азії. Значить, для логотипу нам потрібні універсальні символи та культурні коди.

3. Неймінг відсилає нас до нескінченності, невпинного потоку. Водночас Infinite — популярна назва. А це ризик зачепитися за банальну форму: спробуйте погуглити слово — і отримаєте знаки нескінченності, кола, петлі, спіралі. Тому потрібно йти в глибину, в більш складний аналіз асоціацій, щоб виділитися, але транслювати ідею.

На все в нас було 2-3 тижні.

Ідея

Перші дослідження дійсно завели нас у глухий кут примітивних візуалізацій. Жодна не подобалася навіть на старті. Тоді ми пішли класичним шляхом — почали крутити слово Infinite і будувати асоціативні ряди. Вийшли на «вічність», «безкінечний потік» (stream) і рух.

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

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

https://drive.google.com/file/d/1WsJmMngA-OCOBl7A9MCZs6z0ix51l37o/viewЦе була доречна асоціація з нескінченістю. З одного боку, мова про потік, з іншого — про безмежні можливості нашого продукту.

Залишилося інтегрувати тему відеоконтенту. Аналогічно ми почали думати, яка форма асоціюється в людей із ним. Знову допомогла історія. Фотографії — німе кіно — проектори, діафільми — ТБ. Далі перехід у широкий кадр, матриці камер та екрани гаджетів. Їх усі об’єднує прямокутна форма, широка для відео.

https://drive.google.com/file/d/1kON1Mc-Xovz0iTMNmQ1O_4fppO70jimj/view?usp=sharingМи склали дві ідеї разом і отримали концепцію. Отже, ми — Infinite, нескінченні потоки відеоконтенту і можливості для бізнесу.

https://drive.google.com/file/d/14szLeMbTe3wA2ktLatDsAQbtItTKMQwV/view?usp=sharing

Гра з кольорами

Як передати, що продукт — white label рішення, тобто може бути різним, будь-якого кольору? Наприклад, задіяти широку палітру основних кольорів відеосигналу. Ми подивилися на формати NTSC, PAL, на відеоапаратуру, кабелі. За основу взяли ідею, що кожен кадр у нашому «двигуні» має свій колір. Тобто продукт — такий собі хамелеон, може бути яким завгодно.

Рішення здавалося непоганим. Коли ми презентували першу версію концепції стейкхолдерам, їм дуже сподобалася геометрія. Але варто було нам переключити на слайд із кольоровою версією, всі розчаровано зітхнули. Наш логотип став схожим на дитячий вітрячок.https://drive.google.com/file/d/1g-YYraoM2QputsAg6lLLVL3KLGMDW8j-/view?usp=sharingТоді ми згадали, що універсальність можна передати не лише «хамелеоном», а й монохромом.

https://drive.google.com/file/d/1xcJYEh4987OFUTK3JpV1OO3Ho2xSsbf3/view?usp=sharing

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

Треба було знайти правильний ракурс відеодвигуна, щоб нас не плутали. Для більшого натхнення наша дизайнерка зробила фізичну модель лого.https://drive.google.com/file/d/1VWVQlr5mo38hi_v217fdQiILkYlnVUTO/view?usp=sharingПід різними кутами вона дивилася на «двигун», щоб зрозуміти, яку з форм краще використати.

https://drive.google.com/file/d/1oOX0B5zOKXivEzpOd_4R87M-jGR8TBkA/view?usp=sharing

Як це часто буває, найкращим варіантом перспективи виявився початковий. Проблема була в тому, що у «кадрів» є межі. Не було відчуття, що вони цільні та поєднані. Тому ми додали тіні, а з ними і об’єму — і стало відчуватися, що це єдина рухома фігура.

https://drive.google.com/file/d/1mLJ1JMsN43DDaReN5OU-UqjjGV19Qol4/view?usp=sharing

Одразу зауважу про підхід. Один із дизайн-трендів — йти в максимально пласкі спрощені логотипи. Адже чим менше деталей, тим простіше застосовувати знак. Для нас об’ємне лого може бути можливим обмеженням. Але мова точно не про те, щоб наслідувати чи ламати тренди. Тінь, ефект 3D чи підсвітки виглядають доцільно, якщо вони органічно доповнюють концепцію. Нам було важливо передати задум і зробити айдентику, яка сподобається і нам, і команді. Можливо, з часом ми теж підемо в абстракцію, з якої починали.

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

На допомогу прийшли відеоапаратура та оформлення прямих ефірів. Наприклад, кнопка Rec або напис «On Air» завжди яскравого помаранчевого / червоного кольору. Кнопки «On» або «Play» зазвичай зелені. Це своєрідний культурний та технічний код — до того ж, контрастний.

https://drive.google.com/file/d/1LtAPXofETYwXosD0-PignibYqeyR3Qo2/view?usp=sharing

https://drive.google.com/file/d/1wHCdiKsyX8aY1nwET1rW0f-tRqw3ojwU/view?usp=sharing

Типографіка та застосування

Для шрифту ми обрали просте рішення від Google — Poppins. Це був єдиний варіант, який вкладався в наше уявлення шрифтового лого. Разом із ч/б він підкреслює серйозність і певну люксовість. Наша дизайнерка надихалася космічними темами.

https://drive.google.com/file/d/1kY0E9pU5q6NLXm0J56sZqUPrdnFNnJUd/view?usp=sharing

https://drive.google.com/file/d/1HAEYcfGPQYft4TF23Mz5Z7s-tGQ-wik3/view?usp=sharing

Ідеї для айдентики прийшли прямо з концепції. Кожен кадр — окреме відео / лайвстрім. Наприклад, коли в айдентиці ми демонструємо певний контент, то маємо робити це в рамках кадру.

https://drive.google.com/file/d/1j95t6WWbMwBPhWN8ribA6_nJq76-Vyh1/view?usp=sharing

З Infinite ми пройшли тонкою межею — зробили продукт, що для звичайного користувача не має «обличчя», але в потенційного бізнес-замовника створює образ, який запам’ятається. Айдентика Infinite допомагає вибудовувати бренд, маркетинг і комунікації, підкреслювати цінності продукту. Попереду в нас перші тести і відгуки, а далі — еволюція Infinite і його дизайну.

Оригінал статті на telegraf.design

Підписатися на новини
Останні новини
Продакшн-компанія WePlay Studio і лауреат премії «Ґреммі» продюсер Лоуренс «Ренс» Допсон об’єднуються задля створення більше контенту на культурну тематику.
05.03.2024
Звіт із корпоративної соціальної відповідальності за 2020-2023 роки
01.02.2024
Як деяким регіонам вдавалося трансформувати місцеву економіку завдяки конкретному вектору розвитку.
20.11.2023