Вечный видеодвигатель. Кейс айдентики стриминговой платформы 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 Studios и лауреат премии "Грэмми" продюсер Лоуренс "Рэнс" Допсон объединяются для создания контента на культурную тематику.
05.03.2024
Отчет по корпоративной социальной ответственности за 2020-2023 годы
01.02.2024
Как некоторым регионам удавалось трансформировать местную экономику благодаря конкретному вектору развития.
20.11.2023