Kinescope 2.0: Как мы обновили стиль, который сами же создали и зачем это понадобилось продукту

Kinescope 2.0: Как мы обновили стиль, который сами же создали и зачем это понадобилось продукту

Привет! На связи команда Эмбаси. Сегодня расскажем про наш проект для Kinescope — видеоплатформы, которая успешно прошла путь от раннего продукта к полноценной инфраструктуре для бизнеса и контентных команд.

Это не формат дизайн-кейса в привычном смысле. Скорее попытка честно посмотреть на процесс взросления продукта и на то, как вместе с ним должен меняться бренд. В 2021 году мы уже работали с Kinescope над первой версией айдентики и сайта — и именно этот опыт стал основой для сегодняшнего обновления.

Каждой истории — своё видео

Kinescope — видеоплатформа для бизнеса и креаторов, которым важно работать с видео системно: хранить контент, встраивать его в продукты и сайты, управлять доступами, аналитикой и трансляциями в одном месте.

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

С самого начала Kinescope развивался как продукт для профессионального использования. Но, как это часто бывает, продукт рос и усложнялся быстрее, чем бренд, который его представлял.

Что изменилось в продукте — и почему бренду пришлось догонять

Из решения для небольших команд и отдельных сценариев Kinescope превратился в полноценную экосистему: с приватным хостингом, CDN, аналитикой, монетизацией и гибкими правами доступа.

Платформа должна была одинаково уверенно работать и для крупных EdTech-проектов, и для e-commerce-команд, которые строят собственную контентную инфраструктуру, и для самостоятельных специалистов — преподавателей, авторов и соло-креаторов.

Первая версия айдентики создавалась в начале пути — в момент, когда команда только формировала продукт и искала выразительный визуальный язык для того, чтобы заявить о себе на рынке. Тогда стиль был более эмоциональным, броским, с акцентом на эксперимент и динамику.

Первая версия айдентики, 2021 год
Первая версия айдентики, 2021 год

Она хорошо решала задачи старта, но по мере развития продукта возникла необходимость дорастить систему под новый контекст и масштаб.

Бренду требовались смена характера, взросление — переход в более структурное, спокойное и долгоживущее состояние.

Какие задачи это поставило перед дизайном

Мы не рассматривали ребрендинг как исправление старой версии. Скорее — как адаптацию бренда к новой реальности продукта.

Перед нами стояли задачи:

  • Создать визуальную систему, которая одинаково уверенно чувствует себя в продукте, маркетинге, документации и презентациях;
  • Помогать раскрывать ключевые продуктовые фичи – приватность, безопасность и инфраструктуру — простым и понятным визуальным языком;
  • Сохранить человечность и доступность, но убрать ощущение излишней пестроты;
  • Собрать модульную систему, с которой команда сможет работать самостоятельно, без постоянного участия дизайнеров.

Наш подход: эволюция, а не революция

Совместно с клиентом мы решили, что продолжаем ту же историю, но переводим её на следующий этап.

Мы сознательно не трогали продуктовый UI. У Kinescope уже была выстроенная и работающая продуктовая логика, и задача бренда здесь была не вмешиваться в интерфейс, а аккуратно усилить его визуальным и коммуникационным слоем. Мы накладывали систему поверх — сохраняя продуктовые решения команды, их логику и темп работы.

Kinescope 2.0: Как мы обновили стиль, который сами же создали и зачем это понадобилось продукту

Говоря о новой визуальной системе:

В её основе — работа со слоями, фокусом и прозрачностью. Эта логика помогает визуально передать технологичность и контроль, а также синхронизировать бренд с самим продуктом.

Мы сознательно избегали агрессии и избыточной «корпоративности». Новая система должна была быть спокойной, продуманной и уверенной — такой, которой можно доверять в долгую.

Концепция: Fluid Sync

В основе обновлённой айдентики — не образ и не метафора в привычном смысле, а принцип работы системы. Мы отталкивались от того, как сам продукт Kinescope устроен внутри.

Kinescope 2.0: Как мы обновили стиль, который сами же создали и зачем это понадобилось продукту

Платформа работает с доступами, уровнями, состояниями и контролем — всё строится на чёткой структуре и прозрачных правилах. Эту логику мы и перенесли в ключевой элемент айдентики.

Так в системе появился принцип слоёв и фокуса. Визуальные элементы работают как уровни: они могут наслаиваться, смещаться, усиливать или, наоборот, убирать акцент — так же, как в продукте пользователь управляет доступом, видимостью и контекстом.

Kinescope 2.0: Как мы обновили стиль, который сами же создали и зачем это понадобилось продукту

Этот подход во многом вырос из самой природы кинескопа — работы со слоями, фокусом и мягкими искажениями — мы использовали этот образ

— Елисей Соловьёв, Дизайн-директор Эмбаси

Бренд-страница: система в полном объёме

В рамках обновления мы также собрали отдельную бренд-страницу — пространство, где визуальная система раскрывается целиком.

Здесь собраны принципы работы со стилем, типографика, цвет, примеры носителей и логика построения коммуникации. Всё сопровождается кастомными анимациями.

Получилось системное объяснение того, как и зачем бренд эволюционировал вместе с продуктом и какие приёмы мы использовали при создании новой айдентики.

Сайт Kinescope: синергия продукта и бренда

Обновлённый сайт стал точкой встречи продуктовой логики и новой визуальной системы.

Структура и сценарии остались продуктово точными, но получили актуальный бренд-слой. Бренд продолжает логику платформы и подчёркивает её ключевые качества — контроль, уровни доступа и инфраструктурность.

В результате сайт перестал быть просто маркетинговой витриной и стал полноценным продолжением продукта.

Новый визуальный продакшен

Kinescope 2.0: Как мы обновили стиль, который сами же создали и зачем это понадобилось продукту

В проекте мы использовали AI-инструменты для разработки персонажей и фотостиля. Это позволило ускорить продакшен, собрать вариативность и зафиксировать единый характер образов.

Финальные материалы проходили ручную редактуру и интеграцию в систему — чтобы каждый визуал работал на бренд.

AI, кстати, помог нам точнее выстроить фиш-ай эстетику и оптические искажения в фотостиле
AI, кстати, помог нам точнее выстроить фиш-ай эстетику и оптические искажения в фотостиле

Что мы поняли в процессе

Работая над проектом, мы ещё раз убедились в нескольких вещах.
Во-первых, бренд не должен опережать продукт – но и не должен отставать от него.

Когда продукт выходит на новый уровень зрелости, визуальная система обязана поддерживать этот рост.

Во-вторых, не каждый ребрендинг требует вмешательства в интерфейс.

Иногда гораздо ценнее аккуратно наслаивать бренд поверх работающего продукта, сохраняя его логику и усиливая коммуникацию.

И наконец, долгосрочная работа одной команды с одним брендом позволяет не перепридумывать всё заново, а постепенно выстраивать устойчивую, живую систему, которая экономит ресурсы и поддерживает бизнес в долгую.

Эмбаси поддержали нас в масштабном глобальном ребрендинге, превратив развивающуюся продуктовую экосистему Kinescope в цельный, современный бренд-опыт. Работа шла быстро, с глубоким вовлечением и полным совпадением по амбициям международного роста. Мы уже работали вместе в 2021 году, и возвращение к Эмбаси было естественным шагом — они знают наш продукт, наш темп и наши стандарты.

— Денис Коннов, CMO Kinescope
Kinescope 2.0: Как мы обновили стиль, который сами же создали и зачем это понадобилось продукту

И финальное

Если хотите глубже погрузиться в айдентику проекта и увидеть больше картинок – переходите в наш кейс на Behance!

9
Начать дискуссию